Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="256" r="256" fill="#a3d4ff" />
    <path
        fill="#65b1fc"
        d="M512 256c0-35.556-7.249-69.419-20.349-100.192L435 99.158 77 346.343l165.296 165.296c4.537.239 9.107.361 13.704.361 141.385 0 256-114.615 256-256z"
    />
    <path fill="#414952" d="M217.882 299.905h76.235v86.986h-76.235z" />
    <path fill="#23272b" d="M256.121 299.906h37.997v86.986h-37.997z" />
    <path fill="#636978" d="M77 99.157h358v247.186H77z" />
    <path fill="#414952" d="M256.121 99.158H435v247.186H256.121z" />
    <path fill="#fff" d="M109.694 130.88h292.612v183.741H109.694z" />
    <path fill="#e9edf5" d="M256.121 130.88h146.185v183.74H256.121z" />
    <path fill="#636978" d="M191.982 377.118h128.036v42.027H191.982z" />
    <path fill="#414952" d="M256.121 377.118h63.897v42.027h-63.897z" />
    <path
        fill="#7584f2"
        d="M254.979 244.964v9.788a2.622 2.622 0 0 1-2.618 2.619 2.622 2.622 0 0 1-2.619-2.619v-65.764h31.812v-30H174.599c-15.619 0-30.304 6.083-41.349 17.127l-9.397 9.397 21.213 21.214 9.397-9.397c4.38-4.38 9.936-7.157 15.955-8.038v49.521c0 7.607-2.962 14.758-8.341 20.136l-9.396 9.397 21.213 21.213 9.396-9.396c11.046-11.044 17.129-25.73 17.129-41.35v-49.823h19.324v65.764c0 17.986 14.633 32.619 32.619 32.619 17.985 0 32.618-14.633 32.618-32.619v-9.788h-30.001zM313.667 191.404h59.294v30h-59.294zM313.667 235.314h59.294v30h-59.294z"
    />
</svg>