Video Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="340"
        x2="340"
        y1="-23.563"
        y2="535.66"
        gradientUnits="userSpaceOnUse"
    >
        <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="187.371"
        x2="187.371"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="256"
        x2="256"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="163.056"
        x2="163.056"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="368"
        x2="368"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="396"
        x2="396"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="392.207"
        x2="392.207"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="343.794"
        x2="343.794"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="252.506"
        x2="252.506"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="436.629"
        x2="436.629"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="376"
        x2="376"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="469.576"
        x2="469.576"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="287.207"
        x2="287.207"
        y1="-23.563"
        y2="535.66"
        href="#a"
    />
    <path fill="url(#a)" d="M352 72h-2a22.025 22.025 0 0 0-22 22v10h24z" />
    <path
        fill="url(#b)"
        d="M256 356v-60h-8a48.055 48.055 0 0 1-48-48 8 8 0 0 1 8-8h68a28.035 28.035 0 0 1 25.267 15.939c10.142-15.584 22.476-26.919 36.467-33.4l5.007-25.038-9.147-5.488A28.141 28.141 0 0 1 320 168v-48a8 8 0 0 1-8-8V94a38.172 38.172 0 0 1 .474-6H34a2 2 0 0 0-2 2v214h200v16H32v46a2 2 0 0 0 2 2h224.7a27.836 27.836 0 0 1-2.7-12zm-152-92a8 8 0 0 1-8-8V128a8 8 0 0 1 11.578-7.155l128 64a8 8 0 0 1 0 14.31l-128 64A7.993 7.993 0 0 1 104 264zm-24 88H48v-16h32zm88 0H96v-16h72zm32 0h-16v-16h16zm32 0h-16v-16h16z"
    />
    <path
        fill="url(#c)"
        d="M350 56h26V44a12.013 12.013 0 0 0-12-12H148a12.013 12.013 0 0 0-12 12v28h183.032A37.981 37.981 0 0 1 350 56z"
    />
    <path fill="url(#d)" d="M112 243.056 214.111 192 112 140.944z" />
    <path
        fill="url(#e)"
        d="M400 168v-32h-10a37.981 37.981 0 0 1-30.968-16H336v48a12.059 12.059 0 0 0 5.826 10.29l20 12a11.98 11.98 0 0 0 12.348 0l20-12A12.059 12.059 0 0 0 400 168z"
    />
    <path
        fill="url(#f)"
        d="M368 98a22.025 22.025 0 0 0 22 22h34V94a22.025 22.025 0 0 0-22-22h-34z"
    />
    <path
        fill="url(#g)"
        d="M405.842 246.432a62.832 62.832 0 0 0-9.168-6.672l-18.1 30.169 16.929 12.7z"
    />
    <path
        fill="url(#e)"
        d="M368 208.008a27.949 27.949 0 0 1-10.624-2.1l-4.925 24.627L368 256.451l15.549-25.915-4.926-24.627A27.944 27.944 0 0 1 368 208.008z"
    />
    <path
        fill="url(#h)"
        d="m330.161 246.442 10.339 36.184 16.929-12.7-18.1-30.167a62.994 62.994 0 0 0-9.168 6.683z"
    />
    <path
        fill="url(#i)"
        d="M288 268a12.013 12.013 0 0 0-12-12h-58.987A32.056 32.056 0 0 0 248 280h40z"
    />
    <path
        fill="url(#c)"
        d="M136 468a12.013 12.013 0 0 0 12 12h216a12.013 12.013 0 0 0 12-12v-84H136zm48-40a28.032 28.032 0 0 1 28-28h88a28.032 28.032 0 0 1 28 28v8a28.032 28.032 0 0 1-28 28h-88a28.032 28.032 0 0 1-28-28z"
    />
    <rect width="112" height="32" x="200" y="416" fill="url(#c)" rx="12" />
    <path
        fill="url(#j)"
        d="M478 88h-38.474a38.172 38.172 0 0 1 .474 6v34a8 8 0 0 1-8 8h-16v32a28.141 28.141 0 0 1-13.594 24.01l-9.148 5.489 5.008 25.036c21.337 9.881 38.75 30.97 50.5 61.242A205.3 205.3 0 0 1 455.384 304H480V90a2 2 0 0 0-2-2z"
    />
    <path
        fill="url(#k)"
        d="m418.469 260.48-10.777 37.72a8 8 0 0 1-12.492 4.2L368 282l-27.2 20.4a8 8 0 0 1-12.492-4.2l-10.774-37.707A126.831 126.831 0 0 0 304 285v2.274L318.677 368H408v-40h16v40h24c0-26.68-5.157-55.268-14.149-78.433a131.969 131.969 0 0 0-15.382-29.087z"
    />
    <path
        fill="url(#l)"
        d="M464 368h14a2 2 0 0 0 2-2v-46h-20.848A247.684 247.684 0 0 1 464 368z"
    />
    <path
        fill="url(#m)"
        d="M284 368h18.414l-13.091-72H272v60a12.013 12.013 0 0 0 12 12z"
    />
</svg>