Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="32"
        x2="32"
        y1="62.582"
        y2="2.933"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient id="b" x1="7.5" x2="7.5" y1="62.582" y2="2.933" href="#a" />
    <linearGradient
        id="c"
        x1="11.5"
        x2="11.5"
        y1="62.582"
        y2="2.933"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="15.5"
        x2="15.5"
        y1="62.582"
        y2="2.933"
        href="#a"
    />
    <linearGradient id="e" x1="21" x2="21" y1="62.582" y2="2.933" href="#a" />
    <linearGradient id="f" x1="25" x2="25" y1="62.582" y2="2.933" href="#a" />
    <linearGradient
        id="g"
        x1="39.5"
        x2="39.5"
        y1="62.582"
        y2="2.933"
        href="#a"
    />
    <linearGradient id="h" x1="50" x2="50" y1="62.582" y2="2.933" href="#a" />
    <linearGradient id="i" x1="44" x2="44" y1="62.582" y2="2.933" href="#a" />
    <linearGradient id="j" x1="56" x2="56" y1="62.582" y2="2.933" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M59 2H5a3.009 3.009 0 0 0-3 3v42a3.009 3.009 0 0 0 3 3h33v7a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V5a3.009 3.009 0 0 0-3-3zm1 55a3.009 3.009 0 0 1-3 3H43a3.009 3.009 0 0 1-3-3v-1h20zm0-3H40V32h20zm0-24H40v-1a3.009 3.009 0 0 1 3-3h14a3.009 3.009 0 0 1 3 3zm0-4.97A4.924 4.924 0 0 0 57 24H43a5 5 0 0 0-5 5v19H5a1 1 0 0 1-1-1V12h56zM60 10H4V5a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
        />
        <path fill="url(#b)" d="M8 6H7a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
        <path fill="url(#c)" d="M12 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
        <path fill="url(#d)" d="M16 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
        <path
            fill="url(#e)"
            d="M35 18H7a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1V19a1 1 0 0 0-1-1zM8.8 40 17 26.89 25.2 40zm18.75 0-2.18-3.5L28 32.74 33.08 40zM34 37.83l-5.18-7.4a1 1 0 0 0-1.64 0l-2.96 4.23-6.37-10.19a1.048 1.048 0 0 0-1.7 0L8 37.51V20h26z"
        />
        <path
            fill="url(#f)"
            d="M25 28a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
        />
        <path fill="url(#g)" d="M57 6H22a1 1 0 0 0 0 2h35a1 1 0 0 0 0-2z" />
        <path
            fill="url(#h)"
            d="M51 57h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM51 27h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"
        />
        <path
            fill="url(#i)"
            d="M46.707 38.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414-1.414L43.414 43l3.293-3.293a1 1 0 0 0 0-1.414z"
        />
        <path
            fill="url(#j)"
            d="m58.707 42.293-4-4a1 1 0 0 0-1.414 1.414L56.586 43l-3.293 3.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414z"
        />
        <path
            fill="url(#h)"
            d="M52.274 35.039a1 1 0 0 0-1.236.686l-4 14a1 1 0 0 0 .688 1.236A.962.962 0 0 0 48 51a1 1 0 0 0 .961-.725l4-14a1 1 0 0 0-.687-1.236z"
        />
    </g>
</svg>