Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="640"
    height="640"
    viewBox="-16 0 480 480"
>
    <path
        fill="#21409a"
        d="M287.145 264c-4.293 0-8.54.863-12.489 2.535L224 288l-50.137-21.426A31.986 31.986 0 0 0 161.29 264H40V32H8v264h153.434c4.332 0 8.62.879 12.605 2.586L224 320l49.96-21.414A32.01 32.01 0 0 1 286.567 296H440V32h-32v232zm0 0"
    />
    <path
        fill="#d1e7f8"
        d="M176 8H40v256h121.29c4.32 0 8.6.875 12.573 2.574L224 288V56c0-26.508-21.492-48-48-48zm0 0"
    />
    <path
        fill="#d9ebf9"
        d="M272 8c-26.508 0-48 21.492-48 48v232l50.656-21.465A32.032 32.032 0 0 1 287.145 264H408V8zm0 0"
    />
    <path
        fill="#d80027"
        d="M400 376h-32c-8.836 0-16 7.164-16 16v64c0 8.836 7.164 16 16 16h32c8.836 0 16-7.164 16-16v-64c0-8.836-7.164-16-16-16zm0 0"
    />
    <path
        fill="#bcd0df"
        d="M293.527 264H408V120c0 67.055-47.93 123.785-114.473 144zm0 0"
    />
    <path
        d="M161.434 304c3.25 0 6.464.656 9.453 1.938L224 328.702l53.113-22.765a23.98 23.98 0 0 1 9.453-1.938H448V24h-32V0H272a55.99 55.99 0 0 0-48 27.2A55.99 55.99 0 0 0 176 0H32v24H0v280h32v24c0 13.254 10.746 24 24 24h312a8 8 0 0 1 8 8v8h-8c-13.254 0-24 10.746-24 24v64c0 13.254 10.746 24 24 24h32c13.254 0 24-10.746 24-24v-64c0-13.254-10.746-24-24-24h-8v-8c0-13.254-10.746-24-24-24H56a8 8 0 0 1-8-8v-24zM408 392v64a8 8 0 0 1-8 8h-32a8 8 0 0 1-8-8v-64a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8zM272 16h128v240H287.145a39.841 39.841 0 0 0-15.61 3.2L232 275.921V56c.027-22.082 17.918-39.973 40-40zM48 16h128c22.082.027 39.973 17.918 40 40v219.879l-38.992-16.68A39.749 39.749 0 0 0 161.289 256H48zM16 40h16v232h129.29a23.86 23.86 0 0 1 9.429 1.93L224 296.695l53.785-22.793a23.838 23.838 0 0 1 9.36-1.902H416V40h16v248H286.566a39.868 39.868 0 0 0-15.757 3.2L224 311.296l-46.809-20.098A39.868 39.868 0 0 0 161.434 288H16zm0 0"
    />
    <path d="M376 392h16v16h-16zm0 0" />
</svg>