Video Tutorials

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="482"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffbef9" />
        <stop offset="1" stop-color="#fff1ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="512"
        y2="90.008"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a93aff" />
        <stop offset="1" stop-color="#ff81ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M46 315h150c24.814 0 45 20.186 45 45 0 8.291 6.709 15 15 15s15-6.709 15-15c0-24.814 20.186-45 45-45h150c8.291 0 15-6.709 15-15V45c0-24.814-20.186-45-45-45H316c-24.492 0-46.318 11.821-60 30.044C242.318 11.821 220.492 0 196 0H76C51.186 0 31 20.186 31 45v255c0 8.291 6.709 15 15 15zm330 137H15c-8.291 0-15 6.709-15 15s6.709 15 15 15h361c8.291 0 15-6.709 15-15s-6.709-15-15-15zm121 0h-61c-8.291 0-15 6.709-15 15s6.709 15 15 15h61c8.291 0 15-6.709 15-15s-6.709-15-15-15z"
    />
    <path
        fill="url(#b)"
        d="M316 300c-24.6 0-46.199 11.999-60 30.599-13.801-18.6-35.4-30.599-60-30.599H31v45c0 24.899 20.099 45 45 45h360c24.901 0 45-20.101 45-45v-45zm90 122c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zM218.91 238.228a15.031 15.031 0 0 0 15.41-.747l90-60c4.16-2.783 6.68-7.471 6.68-12.48s-2.52-9.697-6.68-12.48l-90-60a15.08 15.08 0 0 0-15.41-.747A15.007 15.007 0 0 0 211 105v120c0 5.537 3.047 10.62 7.91 13.228z"
    />
</svg>