Video Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x2="64"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff1ff" />
        <stop offset="1" stop-color="#ffbef9" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="12"
        x2="52"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff81ff" />
        <stop offset="1" stop-color="#a93aff" />
    </linearGradient>
    <circle cx="32" cy="32" r="32" fill="url(#a)" />
    <path
        fill="url(#b)"
        d="M52 43.771a3.808 3.808 0 0 1-3.8 3.8H15.8a3.808 3.808 0 0 1-3.8-3.8 1.485 1.485 0 0 1 1.486-1.485h13.471a3.02 3.02 0 0 1 1.657.607 1.406 1.406 0 0 0 .715.293h5.342c.777-.127 1.431-.99 2.4-.9h13.443A1.485 1.485 0 0 1 52 43.77zM50.457 23.5a2.15 2.15 0 0 0-2.143-2.143h-.6v19.5h2.743zm-34.171-2.143h-.6a2.15 2.15 0 0 0-2.143 2.143v17.357h2.743zm10.621 19.5h-9.193V17.143a.716.716 0 0 1 .715-.714H45.57a.716.716 0 0 1 .715.714v23.714h-9.329a4.723 4.723 0 0 0-2.464.9h-5a4.649 4.649 0 0 0-2.429-.907c-.05 0-.107.007-.157.007zm-1.764-15.121c.376 9.084 13.337 9.087 13.714 0a6.857 6.857 0 0 0-13.714 0zm-2.836 11.378H37.75v.572a.714.714 0 0 0 1.429 0v-.572h2.514a.714.714 0 1 0 0-1.428h-2.514v-.579a.714.714 0 1 0-1.429 0v.579H22.307a.714.714 0 1 0 0 1.428zm4.264-11.378c.255-7.183 10.602-7.185 10.858 0a5.429 5.429 0 0 1-10.858 0zm2.593 3.035a.718.718 0 0 0 1.072.615l5.257-3.036a.718.718 0 0 0 0-1.236l-5.257-3.035a.72.72 0 0 0-1.072.621zm1.429-4.835v3.593l3.114-1.793z"
    />
</svg>