Video Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="32"
        x2="32"
        y1="63"
        y2="1"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9f2fff" />
        <stop offset="1" stop-color="#0bb1d3" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M27 6.382v11.236L38.236 12zm2 3.236L33.764 12 29 14.382zM60 11H42.949C42.442 5.402 37.728 1 32 1S21.558 5.402 21.051 11H4c-1.654 0-3 1.346-3 3v46c0 1.654 1.346 3 3 3h56c1.654 0 3-1.346 3-3V14c0-1.654-1.346-3-3-3zM32 3c4.963 0 9 4.037 9 9s-4.037 9-9 9-9-4.037-9-9 4.037-9 9-9zM4 13h17.051c.507 5.598 5.221 10 10.949 10s10.442-4.402 10.949-10H60a1 1 0 0 1 1 1v31H29v-7c0-4.379-3.145-8.033-7.294-8.833A6.977 6.977 0 0 0 24 24c0-3.859-3.141-7-7-7s-7 3.141-7 7c0 2.047.889 3.886 2.294 5.167C8.145 29.967 5 33.621 5 38v7H3V14a1 1 0 0 1 1-1zm18 22v10H12V35h-2v10H7v-7c0-3.859 3.141-7 7-7h.707l-.744 8.377L17 42.414l3.037-3.037L19.292 31H20c3.859 0 7 3.141 7 7v7h-3V35zm-4.037 3.623-.963.963-.963-.963.678-7.623h.57zM17 29c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm43 32H4a1 1 0 0 1-1-1V47h58v13a1 1 0 0 1-1 1zm-39-7a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm35-3H23.974c-.914-1.207-2.348-2-3.974-2s-3.061.793-3.974 2H8c-1.654 0-3 1.346-3 3s1.346 3 3 3h8.026c.914 1.207 2.348 2 3.974 2s3.061-.793 3.974-2H56c1.654 0 3-1.346 3-3s-1.346-3-3-3zM8 55a1 1 0 0 1 0-2h7.101a4.995 4.995 0 0 0 0 2zm12 2c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3zm36-2H24.899a4.995 4.995 0 0 0 0-2H56a1 1 0 0 1 0 2zM40 43h16c1.654 0 3-1.346 3-3V28c0-1.654-1.346-3-3-3H40c-1.654 0-3 1.346-3 3v12c0 1.654 1.346 3 3 3zm-1-15a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H40a1 1 0 0 1-1-1zm16 3H41v-2h14zm0 4H41v-2h14zm-2 2h2v2h-2zm-2 2H41v-2h10zM7 17H5v-2h2zm0 4H5v-2h2zm0 4H5v-2h2z"
    />
</svg>