Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1=".003"
        x2="511.997"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fcb131" />
        <stop offset=".214" stop-color="#fba72f" />
        <stop offset=".578" stop-color="#f78c2a" />
        <stop offset="1" stop-color="#f26522" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M472.9 52.7H312c-21.6 0-39.2 17.6-39.2 39.2V152H61.2c-14.7 0-26.7 12-26.7 26.7v203.8H23.3C10.5 382.6 0 393 0 405.9V421c0 21.1 17.2 38.3 38.3 38.3h412.5c21.1 0 38.3-17.2 38.3-38.3v-15.1c0-12.8-10.4-23.3-23.3-23.3h-11.2V249.4h18.2c21.6 0 39.2-17.6 39.2-39.2V91.9c.1-21.6-17.5-39.2-39.1-39.2zM312 249.4h23.1l6 45.6c.9 7.3 10.6 9.5 14.6 3.4l32.5-49h16.2v98.9H86V202.4h187v7.8c-.2 21.5 17.4 39.2 39 39.2zm161.1 156.4v15.1c0 12.3-10 22.3-22.3 22.3H38.3c-12.3 0-22.3-10-22.3-22.3v-15.1c0-4 3.2-7.2 7.2-7.2h170.2v8.1c0 9.4 7.6 17 17 17h68.1c9.4 0 17-7.6 17-17v-8.1h170.2c4.2 0 7.4 3.2 7.4 7.2zm-34.4-23.2h-151c-4.4 0-8 3.6-8 8v16.1c0 .5-.5 1-1 1h-68.1c-.5 0-1-.5-1-1v-16.1c0-4.4-3.6-8-8-8h-151V178.7c0-5.9 4.8-10.7 10.7-10.7h211.6v18.3h-195c-4.4 0-8 3.6-8 8v161.9c0 4.4 3.6 8 8 8h334.5c4.4 0 8-3.6 8-8V249.4h18.3zm57.4-172.5c0 12.8-10.4 23.2-23.2 23.2h-89c-2.7 0-5.2 1.3-6.7 3.6l-23 34.7-4.1-31.3c-.5-4-3.9-7-7.9-7H312c-12.8 0-23.2-10.4-23.2-23.2V91.9c0-12.8 10.4-23.2 23.2-23.2h160.8c12.8 0 23.2 10.4 23.2 23.2v118.2zM436.4 144l-38.7-22.3L359 99.4c-5.3-3-12 .7-12 6.9v89.3c0 6.2 6.7 9.9 12 6.9l77.4-44.7c5.4-3 5.2-10.6 0-13.8zm-73.3 37.8v-61.6l53.3 30.8z"
        clip-rule="evenodd"
    />
</svg>