Canvas

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="32.223"
        x2="32.223"
        y1="65.602"
        y2="-2.389"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#3c4cad" />
        <stop offset="1" stop-color="#f04393" />
    </linearGradient>
    <linearGradient id="b" x1="22" x2="22" y1="65.602" y2="-2.389" href="#a" />
    <linearGradient id="c" x1="32" x2="32" y1="65.602" y2="-2.389" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M62 20.99V19a4 4 0 0 0-4-4H39v-1a7 7 0 0 0-14 0v1H6a4 4 0 0 0-4 4v34a4 4 0 0 0 4 4h52a4 4 0 0 0 4-4V24.11a2.95 2.95 0 0 0 0-3.12zM23 17h3a1 1 0 0 0 1-1v-2a5 5 0 0 1 10 0v2a1 1 0 0 0 1 1h3v4H23zm33 34H8V21h13v1a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-1h13v.76L40.35 37.41a5.377 5.377 0 0 0-.69-.07 4.962 4.962 0 0 0-3.54 1.47c-1.7 1.69-2.88 7.8-3.1 9.01A.988.988 0 0 0 34 49a.554.554 0 0 0 .18-.02c1.21-.22 7.32-1.4 9.01-3.1a4.975 4.975 0 0 0 1.4-4.22L56 30.24zm-14.22-6.54c-.77.78-3.89 1.69-6.5 2.26.57-2.61 1.48-5.73 2.26-6.5a3 3 0 0 1 4.24 4.24zm18.45-21.29c-.01.01-.06.08-.07.08L46.73 36.69l-1.42-1.42 13.44-13.43a1 1 0 0 1 1.41 0 .55.55 0 0 1 .07.09.967.967 0 0 1 0 1.24z"
        />
        <path
            fill="url(#b)"
            d="M11 34a7 7 0 0 0 4.016 6.323 6.991 6.991 0 0 0 13.968 0A6.993 6.993 0 1 0 22 28.264 6.991 6.991 0 0 0 11 34zm2 0a5.006 5.006 0 0 1 5-5 4.948 4.948 0 0 1 2.494.692 6.959 6.959 0 0 0-1.478 3.985 7.024 7.024 0 0 0-3.765 4.492A4.994 4.994 0 0 1 13 34zm9.906-.935a6.347 6.347 0 0 0-1.812 0A4.962 4.962 0 0 1 22 31.031a4.962 4.962 0 0 1 .906 2.034zm3.967 5.847A5.026 5.026 0 0 1 26 39a4.948 4.948 0 0 1-2.494-.692 6.966 6.966 0 0 0 1.243-2.477 5.01 5.01 0 0 1 2.124 3.081zM22 36.969a4.949 4.949 0 0 1-.873-1.881 4.374 4.374 0 0 1 1.746 0A4.949 4.949 0 0 1 22 36.969zm-2.749-1.138a6.966 6.966 0 0 0 1.243 2.477A4.948 4.948 0 0 1 18 39a5.026 5.026 0 0 1-.873-.088 5.01 5.01 0 0 1 2.124-3.081zM22 45a5 5 0 0 1-4.906-4.065A7.129 7.129 0 0 0 18 41a6.956 6.956 0 0 0 4-1.264A6.956 6.956 0 0 0 26 41a7.129 7.129 0 0 0 .906-.065A5 5 0 0 1 22 45zm9-11a4.994 4.994 0 0 1-2.251 4.169 7.024 7.024 0 0 0-3.765-4.492 6.959 6.959 0 0 0-1.478-3.985A4.948 4.948 0 0 1 26 29a5.006 5.006 0 0 1 5 5z"
        />
        <circle cx="32" cy="14" r="3" fill="url(#c)" />
    </g>
</svg>