Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <g id="Icon">
        <rect fill="#57a0d7" height="37" rx="4" width="54" x="5" y="7" />
        <rect
            fill="#95c8ec"
            height="46"
            rx="2"
            transform="matrix(0 1 -1 0 57.5 -6.5)"
            width="29"
            x="17.5"
            y="2.5"
        />
        <path d="m28 44h8v9h-8z" fill="#3d82c4" />
        <path
            d="m20 53h24a2 2 0 0 1 2 2v2a0 0 0 0 1 0 0h-28a0 0 0 0 1 0 0v-2a2 2 0 0 1 2-2z"
            fill="#3d82c4"
        />
        <circle cx="32" cy="25.5" fill="#fff3e1" r="10.5" />
        <path
            d="m28 27.373v-3.746a2.126 2.126 0 0 1 3.076-1.9l3.749 1.873a2.123 2.123 0 0 1 0 3.8l-3.749 1.873a2.126 2.126 0 0 1 -3.076-1.9z"
            fill="#e57373"
        />
        <path
            d="m55 6h-46a5.006 5.006 0 0 0 -5 5v29a5.006 5.006 0 0 0 5 5h18v7h-7a3 3 0 0 0 -3 3v2a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1v-2a3 3 0 0 0 -3-3h-7v-7h18a5.006 5.006 0 0 0 5-5v-29a5.006 5.006 0 0 0 -5-5zm-11 48a1 1 0 0 1 1 1v1h-26v-1a1 1 0 0 1 1-1zm-9-2h-6v-7h6zm23-12a3 3 0 0 1 -3 3h-46a3 3 0 0 1 -3-3v-29a3 3 0 0 1 3-3h46a3 3 0 0 1 3 3z"
        />
        <path
            d="m53 10h-42a3 3 0 0 0 -3 3v25a3 3 0 0 0 3 3h42a3 3 0 0 0 3-3v-25a3 3 0 0 0 -3-3zm1 28a1 1 0 0 1 -1 1h-42a1 1 0 0 1 -1-1v-25a1 1 0 0 1 1-1h42a1 1 0 0 1 1 1z"
        />
        <path
            d="m32 14a11.5 11.5 0 1 0 11.5 11.5 11.513 11.513 0 0 0 -11.5-11.5zm0 21a9.5 9.5 0 1 1 9.5-9.5 9.511 9.511 0 0 1 -9.5 9.5z"
        />
        <path
            d="m35.272 22.706-3.749-1.873a3.125 3.125 0 0 0 -4.523 2.794v3.746a3.125 3.125 0 0 0 4.523 2.794l3.749-1.873a3.123 3.123 0 0 0 0-5.588zm-.894 3.8-3.749 1.873a1.125 1.125 0 0 1 -1.629-1v-3.752a1.125 1.125 0 0 1 1.629-1l3.749 1.873a1.123 1.123 0 0 1 0 2.01z"
        />
    </g>
</svg>