Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path d="M0 0h512v512H0z" fill="#92deeb" />
    <circle cx="256" cy="256" r="166.4" fill="#adecf7" />
    <path
        d="M402.104 173.012c-1.912-1.94-4.439-2.877-6.981-2.877H116.882c-2.522 0-5.059.937-6.984 2.877a9.832 9.832 0 0 0-2.885 6.979v171.955h297.974V179.991c.002-2.537-.947-5.059-2.883-6.979z"
        fill="#353f49"
    />
    <path
        d="M260.178 177.695a4.175 4.175 0 0 1-4.178 4.196 4.172 4.172 0 0 1-4.178-4.196 4.16 4.16 0 0 1 4.178-4.16 4.164 4.164 0 0 1 4.178 4.16z"
        fill="#474f59"
    />
    <path
        d="M257.797 177.695c0 .998-.817 1.789-1.797 1.789a1.8 1.8 0 0 1-1.797-1.789c0-.963.822-1.761 1.797-1.761.98-.001 1.797.798 1.797 1.761zM122.524 185.293h266.957v166.656H122.524z"
        fill="#fff"
    />
    <path d="M136.653 226.509h110.746v62.298H136.653z" fill="#f77b55" />
    <path d="m182.49 246.638 19.051 10.99-19.051 11.026z" fill="#fff" />
    <path d="M264.064 226.509h45.599v25.651h-45.599z" fill="#353f49" />
    <path d="m282.954 234.806 7.842 4.508-7.842 4.552z" fill="#cccbca" />
    <path d="M264.064 263.117h45.599v25.677h-45.599z" fill="#353f49" />
    <path d="m282.954 271.427 7.842 4.554-7.842 4.505z" fill="#cccbca" />
    <path d="M264.064 299.776h45.599v25.651h-45.599z" fill="#353f49" />
    <path d="m282.954 308.093 7.842 4.514-7.842 4.508z" fill="#cccbca" />
    <path
        d="M318.976 241.434h56.397v3.233h-56.397zM318.976 248.934h56.397v3.195h-56.397zM318.976 233.984h56.397v3.195h-56.397zM318.976 226.509h32.125v3.233h-32.125zM161.201 314.726h86.18v3.226h-86.18zM161.203 322.202h43.09v3.233h-43.09zM161.201 307.251h86.18v3.233h-86.18zM136.653 299.776h49.101v3.233h-49.101zM318.976 278.067h56.397v3.233h-56.397zM318.976 285.568h56.397v3.233h-56.397zM318.976 270.618h56.397v3.233h-56.397zM318.976 263.117h32.125v3.233h-32.125zM318.976 314.726h56.397v3.226h-56.397zM318.976 322.202h56.397v3.233h-56.397zM318.976 307.251h56.397v3.233h-56.397zM318.976 299.776h32.125v3.233h-32.125z"
        fill="#d9d8d7"
    />
    <path d="M136.653 200.192h238.72v12.946h-238.72z" fill="#f77b55" />
    <path d="M140.454 205.03h115.558v3.236H140.454z" fill="#fff" />
    <path
        d="M72.96 357.775c13.921 6.141 29.315 9.533 45.519 9.533h275.044c16.2 0 31.585-3.389 45.514-9.533H72.96z"
        fill="#cccbca"
    />
    <path d="M72.96 352.102h366.08v5.673H72.96z" fill="#fff" />
    <path d="M224.23 352.102h63.539v2.831H224.23z" fill="#cccbca" />
    <path
        d="M155.52 105.6v47.227H98.788l-12.14 12.142v-12.142h-5.903V105.6z"
        fill="#fff"
    />
    <path
        d="M95.104 127.585h46.08v3.254h-46.08zM95.104 135.135h23.04v3.215h-23.04zM95.104 120.074h46.08v3.22h-46.08z"
        fill="#d9d8d7"
    />
    <path d="m325.358 145.101-18.859 6.285 6.292-18.857z" fill="#fff" />
    <path
        d="M311.135 110.831h54.067v17.776h-54.067z"
        transform="rotate(135.008 338.17 119.72)"
        fill="#474f59"
    />
    <path d="m313.892 148.925-7.393 2.461 2.462-7.396z" fill="#353f49" />
    <path
        d="M356.84 90.689h2.975v17.774h-2.975z"
        transform="rotate(134.991 358.329 99.575)"
        fill="#fff"
    />
    <path
        d="m365.686 104.773-12.57-12.567a8.887 8.887 0 0 1 12.57-.003c3.474 3.472 3.469 9.101 0 12.57z"
        fill="#353f49"
    />
    <path
        d="M426.811 137.39c-9.088 0-16.484 7.398-16.484 16.484h7.936c0-4.716 3.832-8.55 8.55-8.55 4.708 0 8.54 3.835 8.54 8.55 0 3.308-1.853 6.264-4.854 7.718-4.718 2.304-7.654 6.986-7.654 12.216v2.964h7.933v-2.964c0-2.173 1.236-4.127 3.192-5.094 5.752-2.775 9.316-8.463 9.316-14.84-.004-9.086-7.392-16.484-16.475-16.484zM422.861 180.659h7.928v7.933h-7.928z"
        fill="#fff"
    />
    <circle cx="73.92" cy="229.453" r="24.64" fill="#fff" />
    <path
        d="M76.186 237.317h-4.529l-1.349-23.232h7.224zM71.657 240.282h4.529v4.531h-4.529z"
        fill="#353f49"
    />
</svg>