Web Development

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="44"
        x2="44"
        y1="9"
        y2="61"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#662d91" />
        <stop offset="1" stop-color="#65c8d0" />
    </linearGradient>
    <linearGradient id="b" x1="22" x2="22" y1="9" y2="61" href="#a" />
    <linearGradient id="c" x1="32" x2="32" y1="9" y2="61" href="#a" />
    <g fill-rule="evenodd">
        <g fill="url(#a)">
            <path
                d="M52 18H36a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2zM52 30H36a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2zM52 22H36a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2zM52 34H36a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2zM52 38H36a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2zM52 26H36a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z"
            />
        </g>
        <path
            fill="url(#b)"
            d="M22 18a11 11 0 1 0 11 11 11.005 11.005 0 0 0-11-11zm-8.945 12h3.965a18.433 18.433 0 0 0 1.648 7.362A9.013 9.013 0 0 1 13.055 30zm3.965-2h-3.965a9.017 9.017 0 0 1 5.613-7.362A18.451 18.451 0 0 0 17.02 28zm6.464 8.591a3.876 3.876 0 0 1-.86 1.13.837.837 0 0 1-1.248 0 3.875 3.875 0 0 1-.86-1.13A15.8 15.8 0 0 1 19.02 30h5.96a15.8 15.8 0 0 1-1.496 6.591zM19.02 28a15.8 15.8 0 0 1 1.5-6.591 3.873 3.873 0 0 1 .86-1.13.837.837 0 0 1 1.248 0 3.874 3.874 0 0 1 .86 1.13A15.8 15.8 0 0 1 24.98 28zm6.312 9.362A18.451 18.451 0 0 0 26.98 30h3.965a9.017 9.017 0 0 1-5.613 7.362zM26.98 28a18.434 18.434 0 0 0-1.648-7.362A9.013 9.013 0 0 1 30.945 28z"
        />
        <path
            fill="url(#c)"
            d="M60 44h-3V12a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v32H4a1 1 0 0 0-1 1c0 4.455 3.182 8 7 8h44c3.818 0 7-3.545 7-8a1 1 0 0 0-1-1zM9 13h46v31H9zm45 38H10c-2.514 0-4.537-2.19-4.931-5h53.862c-.394 2.81-2.417 5-4.931 5z"
        />
    </g>
</svg>