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="63.548"
        y2="2.214"
        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="63.548" y2="2.214" href="#a" />
    <linearGradient
        id="c"
        x1="11.5"
        x2="11.5"
        y1="63.548"
        y2="2.214"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="15.5"
        x2="15.5"
        y1="63.548"
        y2="2.214"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="39.5"
        x2="39.5"
        y1="63.548"
        y2="2.214"
        href="#a"
    />
    <linearGradient id="f" x1="43" x2="43" y1="63.548" y2="2.214" href="#a" />
    <linearGradient id="g" x1="21" x2="21" y1="63.548" y2="2.214" href="#a" />
    <linearGradient
        id="h"
        x1="47.5"
        x2="47.5"
        y1="63.548"
        y2="2.214"
        href="#a"
    />
    <linearGradient id="i" x1="54" x2="54" y1="63.548" y2="2.214" href="#a" />
    <linearGradient id="j" x1="52" x2="52" y1="63.548" y2="2.214" href="#a" />
    <linearGradient
        id="k"
        x1="49.5"
        x2="49.5"
        y1="63.548"
        y2="2.214"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="54.5"
        x2="54.5"
        y1="63.548"
        y2="2.214"
        href="#a"
    />
    <linearGradient id="m" x1="12" x2="12" y1="63.548" y2="2.214" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M59 2H5a3.009 3.009 0 0 0-3 3v54a3.009 3.009 0 0 0 3 3h54a3.009 3.009 0 0 0 3-3V5a3.009 3.009 0 0 0-3-3zm1 57a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V12h56zm0-49H4V5a1 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="M57 6H22a1 1 0 0 0 0 2h35a1 1 0 0 0 0-2z" />
        <path
            fill="url(#f)"
            d="M43 58a1 1 0 0 0 1-1V15a1 1 0 0 0-2 0v42a1 1 0 0 0 1 1z"
        />
        <path
            fill="url(#g)"
            d="M21 58a1 1 0 0 0 1-1V15a1 1 0 0 0-2 0v42a1 1 0 0 0 1 1z"
        />
        <path
            fill="url(#a)"
            d="M32 32a7 7 0 1 0-7-7 7.008 7.008 0 0 0 7 7zm0-12a5 5 0 1 1-5 5 5.006 5.006 0 0 1 5-5z"
        />
        <path fill="url(#h)" d="M47 20h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
        <path fill="url(#i)" d="M51 20h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2z" />
        <path
            fill="url(#j)"
            d="M47 24h10a1 1 0 0 0 0-2H47a1 1 0 0 0 0 2zM47 28h10a1 1 0 0 0 0-2H47a1 1 0 0 0 0 2z"
        />
        <path fill="url(#k)" d="M47 32h5a1 1 0 0 0 0-2h-5a1 1 0 0 0 0 2z" />
        <path
            fill="url(#j)"
            d="M47 42h10a1 1 0 0 0 0-2H47a1 1 0 0 0 0 2zM47 46h10a1 1 0 0 0 0-2H47a1 1 0 0 0 0 2zM47 50h10a1 1 0 0 0 0-2H47a1 1 0 0 0 0 2z"
        />
        <path fill="url(#l)" d="M57 52h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2z" />
        <g fill="url(#a)">
            <path
                d="M26 42h12a1 1 0 0 0 0-2H26a1 1 0 0 0 0 2zM26 46h12a1 1 0 0 0 0-2H26a1 1 0 0 0 0 2zM26 50h12a1 1 0 0 0 0-2H26a1 1 0 0 0 0 2z"
            />
        </g>
        <path
            fill="url(#m)"
            d="M7 54h10a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2zM7 36h10a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2z"
        />
        <path fill="url(#a)" d="M35 52h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
        <path
            fill="url(#m)"
            d="M7 50h10a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zm1-8h8v6H8zM7 32h10a1 1 0 0 0 1-1V19a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1zm1-12h8v10H8z"
        />
    </g>
</svg>