Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="640"
    height="640"
    viewBox="-24 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".35" stop-color="#ed683c" />
        <stop offset=".7" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="216"
        x2="216"
        y1="480"
        y2="-10.648"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="40"
        x2="40"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="112"
        x2="112"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="96"
        x2="96"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="304"
        x2="304"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="280"
        x2="280"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="368"
        x2="368"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="176"
        x2="176"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="256"
        x2="256"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="352"
        x2="352"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="224"
        x2="224"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="320"
        x2="320"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="n"
        x1="264"
        x2="264"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="o"
        x1="360"
        x2="360"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="p"
        x1="232"
        x2="232"
        y1="479.616"
        y2="-11.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M408 64h-8V16c0-8.836-7.164-16-16-16H224c-8.836 0-16 7.164-16 16v48h-72c-13.254 0-24 10.746-24 24v80H16c-8.836 0-16 7.164-16 16v80c0 8.836 7.164 16 16 16h96v176c0 13.254 10.746 24 24 24h272c13.254 0 24-10.746 24-24V88c0-13.254-10.746-24-24-24zM224 16h160v80h-16a8.001 8.001 0 0 0-5.656 2.344L328 132.688V104a8 8 0 0 0-8-8h-96zM16 184h160v116.688l-34.344-34.344A8.001 8.001 0 0 0 136 264H16zm400 272a8 8 0 0 1-8 8H136a8 8 0 0 1-8-8V280h4.688l45.656 45.656A8.001 8.001 0 0 0 184 328a7.849 7.849 0 0 0 3.063-.61A8.002 8.002 0 0 0 192 320V184c0-8.836-7.164-16-16-16h-48V88a8 8 0 0 1 8-8h72v16c0 8.836 7.164 16 16 16h88v40a8.002 8.002 0 0 0 4.938 7.39A7.849 7.849 0 0 0 320 160a8.001 8.001 0 0 0 5.656-2.344L371.312 112H384c8.836 0 16-7.164 16-16V80h8a8 8 0 0 1 8 8zm0 0"
    />
    <path fill="url(#c)" d="M32 200h16v16H32zm0 0" />
    <path fill="url(#d)" d="M64 200h96v16H64zm0 0" />
    <path fill="url(#e)" d="M32 232h128v16H32zm0 0" />
    <path fill="url(#f)" d="M240 32h128v16H240zM240 64h128v16H240zm0 0" />
    <path
        fill="url(#g)"
        d="M280 288c-39.766 0-72 32.234-72 72s32.234 72 72 72 72-32.234 72-72c-.043-39.746-32.254-71.957-72-72zm55.36 64H288v-47.36c24.527 3.567 43.793 22.833 47.36 47.36zM272 304.64v52.048l-36.8 36.8a55.82 55.82 0 0 1-6.973-54.933A55.82 55.82 0 0 1 272 304.64zM280 416a55.634 55.634 0 0 1-33.473-11.2l36.801-36.8h52.031c-3.992 27.516-27.554 47.945-55.359 48zm0 0"
    />
    <g fill="url(#h)">
        <path
            d="M352 272h32v16h-32zM352 296h32v16h-32zM352 416h32v16h-32zm0 0"
        />
    </g>
    <path fill="url(#i)" d="M160 344h32v16h-32zM160 368h32v16h-32zm0 0" />
    <path fill="url(#j)" d="M208 176h96v16h-96zm0 0" />
    <path fill="url(#k)" d="M320 176h64v16h-64zm0 0" />
    <path fill="url(#l)" d="M208 208h32v16h-32zm0 0" />
    <path fill="url(#m)" d="M256 208h128v16H256zm0 0" />
    <path fill="url(#n)" d="M208 240h112v16H208zm0 0" />
    <path fill="url(#o)" d="M336 240h48v16h-48zm0 0" />
    <path fill="url(#p)" d="M208 128h48v16h-48zm0 0" />
    <path fill="url(#g)" d="M272 128h16v16h-16zm0 0" />
</svg>