Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 44 44"
>
    <path
        fill="#44dfec"
        d="M.959 9.823v-6c0-1.662 1.338-3 3-3h36c1.662 0 3 1.338 3 3v26c0 1.662-1.338 3-3 3h-36c-1.662 0-3-1.338-3-3v-18"
    />
    <path
        fill="#44c1ec"
        d="M3.959.822c-1.662 0-3 1.338-3 3v5.102h42V3.822c0-1.662-1.338-3-3-3zM.959 8.924v20.898c0 1.662 1.338 3 3 3h36c1.662 0 3-1.338 3-3v-6.69a23.762 23.762 0 0 1-15.49 5.753A23.762 23.762 0 0 1 4.049 8.924z"
    />
    <path
        fill="#a9e4ec"
        d="M13.14 23.147a8.49 8.49 0 0 0-6.033 9.677h16.717a8.488 8.488 0 0 0-6.035-9.678 4.495 4.49 0 0 1-2.325.657 4.495 4.49 0 0 1-2.324-.656z"
    />
    <path
        fill="#44c1ec"
        d="M12.959 39.823a3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3z"
    />
    <path
        fill="#a9e4ec"
        d="M28.959 14.823v10l9-5zM19.959 19.313a4.495 4.49 0 0 1-4.495 4.49 4.495 4.49 0 0 1-4.494-4.49 4.495 4.49 0 0 1 4.494-4.49 4.495 4.49 0 0 1 4.495 4.49z"
    />
    <g fill="#004690">
        <path
            d="M4 0C1.801 0 0 1.801 0 4v6h42v20c0 1.125-.875 2-2 2H24.984a9.494 9.494 0 0 0-5.254-9.008A5.46 5.46 0 0 0 21 19.49c0-3.02-2.472-5.49-5.494-5.49s-5.496 2.47-5.496 5.49a5.46 5.46 0 0 0 1.271 3.502A9.497 9.497 0 0 0 6.025 32H4c-1.125 0-2-.875-2-2V12H0v18c0 2.199 1.801 4 4 4h36c2.199 0 4-1.801 4-4V4c0-2.199-1.801-4-4-4zm0 2h36c1.125 0 2 .875 2 2v4H2V4c0-1.125.875-2 2-2zm11.506 14A3.477 3.477 0 0 1 19 19.49c0 1.94-1.552 3.49-3.494 3.49s-3.496-1.55-3.496-3.49A3.479 3.479 0 0 1 15.506 16zm-2.436 8.408a5.45 5.45 0 0 0 2.436.572c.873 0 1.7-.206 2.435-.572A7.476 7.476 0 0 1 22.981 32H8.028a7.476 7.476 0 0 1 5.041-7.592zM10 36c-1.852 0-3.419 1.282-3.867 3H0v2h6.133c.448 1.718 2.015 3 3.867 3 1.852 0 3.423-1.281 3.871-3H44v-2H13.871c-.448-1.719-2.019-3-3.871-3zm0 2c1.116 0 2 .884 2 2s-.884 2-2 2-2-.884-2-2 .884-2 2-2z"
        />
        <path
            d="M29.486 14.125A1 1 0 0 0 28 15v10a1 1 0 0 0 1.486.875l9-5a1 1 0 0 0 0-1.75zM30 16.701 35.94 20 30 23.3zM38 4v2h2V4zM34 4v2h2V4zM30 4v2h2V4zM26 4v2h2V4z"
        />
    </g>
</svg>