Video Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 90 90"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00f2fe" />
        <stop offset="1" stop-color="#4facfe" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="42"
        x2="84"
        y1="60.5"
        y2="60.5"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="5"
        x2="36"
        y1="29"
        y2="29"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="6"
        x2="36"
        y1="63.5"
        y2="63.5"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="52"
        x2="58"
        y1="70"
        y2="70"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fee140" />
        <stop offset="1" stop-color="#fa709a" />
    </linearGradient>
    <path
        fill="#e3f8ff"
        d="M84 45H42c0-2.76 2.24-5 5-5h32c2.76 0 5 2.24 5 5z"
    />
    <path
        fill="url(#b)"
        d="M84 45v26c0 2.76-2.24 5-5 5H47c-2.76 0-5-2.24-5-5V45z"
    />
    <path
        fill="#e3f8ff"
        d="M57.028 51.251v9.317c0 1.54 1.667 2.502 3 1.732l8.069-4.658c1.333-.77 1.333-2.694 0-3.464l-8.069-4.658c-1.333-.771-3 .191-3 1.731zM77 71H49a1 1 0 1 1 0-2h28a1 1 0 1 1 0 2z"
    />
    <circle cx="55" cy="70" r="2" fill="#fff" />
    <path
        fill="url(#c)"
        d="M36 40H16C9.925 40 5 35.075 5 29s4.925-11 11-11h9c6.075 0 11 4.925 11 11z"
    />
    <path
        fill="url(#d)"
        d="M36 55H14.5a8.5 8.5 0 0 0 0 17h13a8.5 8.5 0 0 0 8.5-8.5z"
    />
    <g fill="#e3f8ff">
        <path
            d="M16.213 34.41h.032c.276-.009.536-.131.719-.338L24.074 26H29a1 1 0 0 0 0-2h-5.377a1 1 0 0 0-.75.339l-6.705 7.61-4.05-4.05a.999.999 0 1 0-1.414 1.414l4.803 4.803a.992.992 0 0 0 .706.294z"
        />
        <path
            d="M29.549 28.768a1 1 0 0 0-1.414.028l-.726.755-.726-.755a1 1 0 1 0-1.442 1.386l.781.812-.781.812a1 1 0 0 0 1.442 1.386l.726-.755.726.755a.998.998 0 0 0 1.414.028 1 1 0 0 0 .028-1.414l-.781-.812.781-.812a1 1 0 0 0-.028-1.414zM28.767 59.836 26 60.499V60a1 1 0 0 0-1-1H15a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1.116l2.767.664A.997.997 0 0 0 30 65.575v-4.766c0-.306-.14-.596-.381-.785s-.557-.258-.852-.188zM24 66h-8v-5h8zm4-1.693-2-.48v-1.27l2-.48z"
        />
    </g>
    <path
        fill="url(#e)"
        d="M55 73c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3zm0-4a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2z"
    />
</svg>