Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path d="M354.4 504H157.6l28.8-60.8h139.2z" fill="#fff" />
    <path
        d="M367.2 512H144.8l36-76.8h149.6l36.8 76.8zm-196.8-16h172l-21.6-44.8H191.2L170.4 496z"
        fill="#193651"
    />
    <path d="M8 8h496v366.4H8z" fill="#d3d7da" />
    <path
        d="M512 382.4H0V0h512v382.4zm-496-16h480V16H16v350.4z"
        fill="#193651"
    />
    <path d="M40 40h432v302.4H40z" fill="#fff" />
    <path
        d="M243.2 191.2V80c0-8.8 7.2-16 16-16H432c8.8 0 16 7.2 16 16v111.2c0 8.8-7.2 16-16 16H259.2c-8.8 0-16-7.2-16-16z"
        fill="#ffbf5d"
    />
    <path d="M8 374.4h496v68.8H8z" fill="#fff" />
    <path
        d="M512 451.2H0v-84.8h512v84.8zm-496-16h480v-52.8H16v52.8zM130.4 496h252v16h-252z"
        fill="#193651"
    />
    <path
        d="M220 400.8h72v16h-72zM324 400.8h16v16h-16zM172 400.8h16v16h-16zM299.2 236.8l75.2-96L312 246.4z"
        fill="#193651"
    />
    <circle cx="139.2" cy="148.8" r="42.4" fill="#44c4a1" />
    <path
        d="M320.8 220c-8-5.6-19.2-3.2-24 4.8l-29.6 45.6c0 .8-.8.8-1.6.8s-1.6 0-1.6-.8l-44-35.2c-4.8-16-20-27.2-37.6-27.2H95.2C73.6 208 56 225.6 56 247.2v69.6h166.4v-36l20 16c6.4 5.6 14.4 8 23.2 8 1.6 0 4 0 5.6-.8 10.4-1.6 19.2-8 24.8-16.8l29.6-45.6c5.6-5.6 3.2-16-4.8-21.6z"
        fill="#44c4a1"
    />
    <path
        d="M286.4 88h16v16h-16zM337.6 88h16v16h-16zM388.8 88h16v16h-16z"
        fill="#193651"
    />
</svg>