Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path fill="#688b96" d="M311.984 479.458H200.016l15.846-87.845h80.276z" />
    <path fill="#557981" d="M296.138 391.612H256.71l15.846 87.846h39.428z" />
    <path
        fill="#3c5959"
        d="M374.078 512H137.922c-5.372 0-9.727-4.355-9.727-9.727 0-20.324 16.476-36.8 36.8-36.8h182.009c20.324 0 36.8 16.476 36.8 36.8 0 5.372-4.354 9.727-9.726 9.727z"
    />
    <path
        fill="#394949"
        d="M347.004 465.473h-29.787c14.952 0 27.073 12.121 27.073 27.073V512h29.787c5.372 0 9.727-4.355 9.727-9.727 0-20.324-16.475-36.8-36.8-36.8z"
    />
    <path
        fill="#e8f3ff"
        d="M460.5 413.199h-409c-10.227 0-18.517-8.29-18.517-18.517V83.713c0-10.227 8.29-18.517 18.517-18.517h409c10.227 0 18.517 8.29 18.517 18.517v310.969c0 10.227-8.29 18.517-18.517 18.517z"
    />
    <path
        fill="#c1e2ff"
        d="M460.5 65.196h-20.91v329.486c0 10.227-8.291 18.517-18.517 18.517H460.5c10.227 0 18.517-8.29 18.517-18.517V83.713c0-10.227-8.291-18.517-18.517-18.517z"
    />
    <path
        fill="#3c5959"
        d="M32.983 394.682c0 10.227 8.29 18.517 18.517 18.517h409c10.227 0 18.517-8.29 18.517-18.517v-34.62H32.983z"
    />
    <path
        fill="#394949"
        d="M439.589 394.682c0 10.227-8.291 18.517-18.517 18.517H460.5c10.227 0 18.517-8.29 18.517-18.517v-34.62h-39.428z"
    />
    <path
        fill="#3590bb"
        d="M313 0H121.04c-7.603 0-13.767 6.164-13.767 13.767v346.295h297.453V91.727c0-7.929-3.15-15.533-8.756-21.139L334.139 8.756A29.899 29.899 0 0 0 313 0z"
    />
    <path
        fill="#0e80ac"
        d="m395.97 70.588-51.549-51.549v84.613c0 8.709 7.06 15.769 15.769 15.769h5.366v240.641h39.17V91.727a29.887 29.887 0 0 0-8.756-21.139z"
    />
    <path
        fill="#fc5327"
        d="M395.97 70.588 334.139 8.756a29.896 29.896 0 0 0-8.756-6.063v60.881c0 8.709 7.06 15.769 15.769 15.769h60.881a29.873 29.873 0 0 0-6.063-8.755z"
    />
    <circle cx="256" cy="207.842" r="88.421" fill="#fc5327" />
    <path
        fill="#ed4322"
        d="M256 119.421c-6.78 0-13.372.789-19.714 2.233 39.339 8.963 68.707 44.134 68.707 86.188s-29.368 77.225-68.707 86.188A88.619 88.619 0 0 0 256 296.263c48.834 0 88.421-39.588 88.421-88.421 0-48.834-39.587-88.421-88.421-88.421z"
    />
    <path
        fill="#e8f3ff"
        d="M232.671 169.062v77.56c0 7.192 8.271 11.239 13.95 6.825l49.885-38.78c4.452-3.461 4.452-10.188 0-13.649l-49.885-38.78c-5.679-4.415-13.95-.368-13.95 6.824z"
    />
    <g fill="#fce25c">
        <path
            d="M206.522 48.744h-56.693a7.726 7.726 0 1 1 0-15.452h56.693c4.268 0 7.726 3.459 7.726 7.726s-3.458 7.726-7.726 7.726zM206.522 78.7h-56.693a7.725 7.725 0 0 1-7.726-7.726 7.725 7.725 0 0 1 7.726-7.726h56.693c4.268 0 7.726 3.459 7.726 7.726s-3.458 7.726-7.726 7.726z"
        />
    </g>
</svg>