Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 44 44"
>
    <path
        fill="#0093e6"
        d="M15.506 14c-3.022 0-5.496 2.47-5.496 5.49a5.46 5.46 0 0 0 1.271 3.502 9.497 9.497 0 0 0-5.271 8.494c0 .568.053 1.135.154 1.694l1.967-.358a7.478 7.478 0 0 1 4.94-8.414 5.45 5.45 0 0 0 2.435.572c.873 0 1.7-.206 2.435-.572a7.476 7.476 0 0 1 4.938 8.414l1.969.358a9.494 9.494 0 0 0-5.117-10.188A5.46 5.46 0 0 0 21 19.49c0-3.02-2.472-5.49-5.494-5.49zm0 2A3.477 3.477 0 0 1 19 19.49a3.477 3.477 0 0 1-3.494 3.49 3.479 3.479 0 0 1-3.496-3.49A3.479 3.479 0 0 1 15.506 16z"
    />
    <path
        d="M4 0C1.801 0 0 1.801 0 4v6h42v20c0 1.125-.875 2-2 2H4c-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-2zM10 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"
    />
    <g fill="#0093e6">
        <path
            fill-opacity=".999"
            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.3z"
        />
        <path
            fill-opacity=".984"
            d="M38 4v2h2V4zM34 4v2h2V4zM30 4v2h2V4zM26 4v2h2V4z"
        />
    </g>
</svg>