Video Tutorial

<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="503.279"
        y2="8.721"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#923edc" />
        <stop offset=".682" stop-color="#3e63e3" />
        <stop offset="1" stop-color="#1675e7" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M510.883 85.573c0-42.378-34.506-76.852-76.92-76.852H78.032c-42.414 0-76.92 34.475-76.92 76.852l.005 340.763c0 42.427 34.485 76.943 76.878 76.943H434.01c42.393 0 76.878-34.516 76.878-76.943l-.005-340.763zm-499.15 0c0-36.52 29.74-66.232 66.299-66.232h355.931c36.559 0 66.299 29.711 66.299 66.232v32.794H11.733zm488.534 340.763c0 36.57-29.724 66.323-66.258 66.323H77.995c-36.533 0-66.258-29.753-66.258-66.323v-297.32h488.53zM81.589 415.604a5.308 5.308 0 0 1 5.31-5.31h93.726v-17.012c0-2.957 2.405-5.313 5.315-5.313a5.309 5.309 0 0 1 5.31 5.31v17.014h233.844c2.971 0 5.315 2.426 5.315 5.331a5.308 5.308 0 0 1-5.31 5.31H191.251v17.014a5.308 5.308 0 0 1-5.31 5.31l-.003-.001-.003.001a5.309 5.309 0 0 1-5.31-5.31v-17.014h-93.72c-2.977.001-5.316-2.43-5.316-5.33zm.913-370.529c-13.763 0-24.964 11.201-24.964 24.967 0 13.807 11.201 25.042 24.964 25.042 13.768 0 24.969-11.235 24.969-25.042 0-13.766-11.201-24.967-24.969-24.967zm0 39.388c-7.908 0-14.344-6.469-14.344-14.421 0-7.911 6.435-14.346 14.344-14.346 7.913 0 14.349 6.435 14.349 14.346 0 7.952-6.436 14.421-14.349 14.421zm71.729-39.388c-13.763 0-24.964 11.201-24.964 24.967 0 13.807 11.201 25.042 24.964 25.042 13.768 0 24.969-11.235 24.969-25.042 0-13.766-11.201-24.967-24.969-24.967zm0 39.388c-7.908 0-14.344-6.469-14.344-14.421 0-7.911 6.435-14.346 14.344-14.346 7.913 0 14.349 6.435 14.349 14.346-.001 7.952-6.436 14.421-14.349 14.421zm71.728-39.388c-13.763 0-24.964 11.201-24.964 24.967 0 13.807 11.201 25.042 24.964 25.042s24.964-11.235 24.964-25.042c0-13.766-11.201-24.967-24.964-24.967zm0 39.388c-7.908 0-14.344-6.469-14.344-14.421 0-7.911 6.435-14.346 14.344-14.346s14.344 6.435 14.344 14.346c0 7.952-6.436 14.421-14.344 14.421zm25.83 225.381 41.444-32.024c.005-.005.01-.008.01-.01 7.757-6.021 7.798-17.822-.01-23.888l-41.429-32.014c-9.94-7.719-24.383-.653-24.383 11.937v64.051c.001 12.574 14.455 19.648 24.368 11.948zm-13.747-75.999c0-3.644 4.171-5.937 7.255-3.542l41.434 32.014c2.305 1.797 2.284 5.321.01 7.097l-41.46 32.035c-3.022 2.357-7.239.119-7.239-3.552zM256 354.626c48.938 0 88.753-39.816 88.753-88.753 0-48.94-39.816-88.756-88.753-88.756s-88.753 39.816-88.753 88.756c0 48.937 39.816 88.753 88.753 88.753zm0-166.889c43.083 0 78.133 35.053 78.133 78.136s-35.05 78.133-78.133 78.133-78.133-35.05-78.133-78.133 35.05-78.136 78.133-78.136z"
    />
</svg>