Tutorials

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 66 66"
>
    <path fill="#fdbf5e" d="M2 6.1h62v44H2z" />
    <path
        fill="#193651"
        d="M64 51.1H2c-.6 0-1-.4-1-1v-44c0-.6.4-1 1-1h62c.6 0 1 .4 1 1v44c0 .6-.4 1-1 1zm-61-2h60v-42H3z"
    />
    <path
        fill="#fff"
        d="M37.5 2C35 2 33 5 33 7.5v42.6c0-2.5 2-5.5 4.5-5.5h21.7V2z"
    />
    <path
        fill="#193651"
        d="M33 51.1c-.6 0-1-.4-1-1V7.5c0-3 2.4-6.5 5.5-6.5h21.7c.6 0 1 .4 1 1v42.6c0 .6-.4 1-1 1H37.5c-1.9 0-3.5 2.5-3.5 4.5 0 .6-.4 1-1 1zM37.5 3C35.7 3 34 5.5 34 7.5v37.8c.9-1 2.2-1.7 3.5-1.7h20.7V3z"
    />
    <path fill="#e1e6e9" d="M37 6.5c0-.3.2-.5.5-.5h17.7v34.6H37z" />
    <path
        fill="#fff"
        d="M28.5 2C31 2 33 5 33 7.5v42.6c0-2.5-2-5.5-4.5-5.5H6.8V2z"
    />
    <path
        fill="#193651"
        d="M33 51.1c-.6 0-1-.4-1-1 0-2-1.7-4.5-3.5-4.5H6.8c-.6 0-1-.4-1-1V2c0-.6.4-1 1-1h21.7C31.6 1 34 4.5 34 7.5v42.6c0 .6-.4 1-1 1zM7.8 43.6h20.7c1.3 0 2.6.7 3.5 1.7V7.5c0-2-1.7-4.5-3.5-4.5H7.8z"
    />
    <path fill="#e1e6e9" d="M29 40.6H10.8V6h17.7c.3 0 .5.2.5.5z" />
    <path fill="#2ea2db" d="M29 17.6V6.5c0-.3-.2-.5-.5-.5H10.8v11.6z" />
    <path fill="#fff" d="M17.9 9.2v5.3l4.1-2.7z" />
    <path
        fill="#193651"
        d="M40.2 10.3H52v2H40.2zM40.2 16.1H52v2H40.2zM44.2 21.9H52v2h-7.8zM48.2 27.8H52v2h-3.8zM48.2 33.6H52v2h-3.8zM14 21.9h6.8v2H14zM14 27.8h3.8v2H14z"
    />
    <path
        fill="#fff"
        d="M29.4 45.9v14.5c0 2 1.6 3.6 3.6 3.6s3.6-1.6 3.6-3.6V45.9z"
    />
    <path
        fill="#193651"
        d="M36.6 44.9h-7.2c-.6 0-1 .4-1 1v14.5c0 2.5 2.1 4.6 4.6 4.6s4.6-2.1 4.6-4.6V45.9c0-.6-.5-1-1-1zm-1 15.5c0 1.4-1.2 2.6-2.6 2.6s-2.6-1.2-2.6-2.6V46.9h5.2z"
    />
    <circle cx="33" cy="34.1" r="12.5" fill="#fff" />
    <path
        fill="#193651"
        d="M33 47.6c-7.4 0-13.5-6.1-13.5-13.5S25.6 20.6 33 20.6s13.5 6.1 13.5 13.5S40.4 47.6 33 47.6zm0-25c-6.3 0-11.5 5.2-11.5 11.5S26.7 45.6 33 45.6s11.5-5.2 11.5-11.5c0-6.4-5.2-11.5-11.5-11.5z"
    />
    <path fill="#f16051" d="M34 50.1h-2" />
    <path fill="#193651" d="M32 49.1h2v2h-2z" />
    <path fill="#f16051" d="M34 55h-2" />
    <path fill="#193651" d="M32 54h2v2h-2z" />
    <path fill="#f16051" d="M34 59.8h-2" />
    <path
        fill="#193651"
        d="M32 58.8h2v2h-2zM30 36.2 28.8 39h-2.1l5.2-12H34l5.3 12h-2.1L36 36.2zm5.1-1.8L33 29.5l-2.2 4.9z"
    />
</svg>