Video Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ff91d2" />
        <stop offset=".262" stop-color="#f68bd9" />
        <stop offset=".688" stop-color="#de79ed" />
        <stop offset=".999" stop-color="#c86aff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="392.208"
        x2="392.208"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="256"
        x2="256"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="343.795"
        x2="343.795"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="252.507"
        x2="252.507"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="163.056"
        x2="163.056"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="287.207"
        x2="287.207"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="368"
        x2="368"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="376"
        x2="376"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="469.577"
        x2="469.577"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="458.632"
        x2="458.632"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="165.369"
        x2="165.369"
        y1="537.563"
        y2="-21.66"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M405.8 246.4c-2.8-2.5-5.9-4.7-9.2-6.7l-18.1 30.2 16.9 12.7z"
    />
    <path
        fill="url(#c)"
        d="M368 48c2.7 0 5.4.1 8 .4V44c0-6.6-5.4-12-12-12H148c-6.6 0-12 5.4-12 12v28h174.9c15-15.4 35.6-24 57.1-24z"
    />
    <path
        fill="url(#d)"
        d="m330.2 246.4 10.3 36.2 16.9-12.7-18.1-30.2c-3.2 2-6.3 4.2-9.1 6.7z"
    />
    <path
        fill="url(#e)"
        d="M288 268c0-6.6-5.4-12-12-12h-59c3.7 14.1 16.4 24 31 24h40z"
    />
    <path fill="url(#f)" d="M112 243.1 214.1 192 112 140.9z" />
    <path
        fill="url(#g)"
        d="M284 368h18.4l-13.1-72H272v60c0 6.6 5.4 12 12 12z"
    />
    <path
        fill="url(#h)"
        d="m383.5 230.5-4.1-20.3c-7.3 3.3-15.7 3.3-23 0l-4.1 20.3 15.5 25.9zM374.2 195l20-12c3.6-2.2 5.8-6.1 5.8-10.3V134c0-9.1-5.6-17.3-14.1-20.6C376.3 132.2 357 144 336 144v28.7c0 4.2 2.2 8.1 5.8 10.3l20 12c3.8 2.3 8.6 2.3 12.4 0z"
    />
    <path
        fill="url(#i)"
        d="m433.2 288-1.2-3c-3.6-8.6-8.1-16.9-13.5-24.5l-10.8 37.7c-1.2 4.2-5.6 6.7-9.9 5.5-.9-.3-1.8-.7-2.6-1.3L368 282l-27.2 20.4c-3.5 2.7-8.5 1.9-11.2-1.6-.6-.8-1-1.7-1.3-2.6l-10.8-37.7c-5.4 7.6-9.9 15.9-13.5 24.5v2.3l14.7 80.7H408v-40h16v40h24c0-26.8-5.2-55.5-14.3-78.8-.1-.4-.3-.8-.5-1.2z"
    />
    <path
        fill="url(#j)"
        d="M464 368h14c1.1 0 2-.9 2-2v-46h-20.8c3.1 15.8 4.8 31.9 4.8 48z"
    />
    <path
        fill="url(#k)"
        d="M478 88h-40.7c7 12.2 10.8 26 10.7 40v153.8c.2.5.4 1.1.6 1.6 2.6 6.7 4.9 13.6 6.8 20.6H480V90c0-1.1-.9-2-2-2z"
    />
    <path
        fill="url(#c)"
        d="M212 416h88c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12h-88c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12z"
    />
    <path
        fill="url(#c)"
        d="M136 468c0 6.6 5.4 12 12 12h216c6.6 0 12-5.4 12-12v-84H136zm48-40c0-15.5 12.5-28 28-28h88c15.5 0 28 12.5 28 28v8c0 15.5-12.5 28-28 28h-88c-15.5 0-28-12.5-28-28z"
    />
    <path
        fill="url(#l)"
        d="M256 356v-60h-8c-26.5 0-48-21.5-48-48 0-4.4 3.6-8 8-8h68c4.2 0 8.3.9 12 2.7V128c0-14 3.7-27.8 10.7-40H34c-1.1 0-2 .9-2 2v214h200v16H32v46c0 1.1.9 2 2 2h224.7c-1.8-3.7-2.7-7.8-2.7-12zm-152-92c-4.4 0-8-3.6-8-8V128c0-4.4 3.6-8 8-8 1.2 0 2.5.3 3.6.8l128 64c4 2 5.6 6.8 3.6 10.7-.8 1.5-2 2.8-3.6 3.6l-128 64c-1.1.6-2.4.9-3.6.9zm-24 88H48v-16h32zm88 0H96v-16h72zm32 0h-16v-16h16zm32 0h-16v-16h16z"
    />
    <path
        fill="url(#h)"
        d="M304 128v123.9c9.6-13.5 21-23.5 33.7-29.4l4.2-20.9-8.3-5c-8.4-5.1-13.6-14.2-13.6-24V136c0-4.4 3.6-8 8-8h8c16.9 0 32-10.6 37.7-26.5 1.2-3.5 4.7-5.7 8.4-5.3 19.3 2 34 18.3 33.9 37.8v38.7c0 9.8-5.2 18.9-13.6 24l-8.3 5 4.2 20.9c12.8 5.9 24.1 15.9 33.7 29.4V128c0-35.3-28.7-64-64-64s-64 28.7-64 64z"
    />
</svg>