Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="1.256"
        x2="64.256"
        y1="65.744"
        y2="2.744"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1b54bc" />
        <stop offset="1" stop-color="#27aae1" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="1.25"
        x2="64.25"
        y1="65.75"
        y2="2.75"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-14.25"
        x2="48.75"
        y1="50.25"
        y2="-12.75"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="16.75"
        x2="79.75"
        y1="81.25"
        y2="18.25"
        href="#a"
    />
    <linearGradient
        id="e"
        x1=".043"
        x2="63.043"
        y1="64.543"
        y2="1.543"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-6.75"
        x2="56.25"
        y1="57.75"
        y2="-5.25"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-4.75"
        x2="58.25"
        y1="59.75"
        y2="-3.25"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-2.75"
        x2="60.25"
        y1="61.75"
        y2="-1.25"
        href="#a"
    />
    <linearGradient id="i" x1="-16.5" x2="46.5" y1="48" y2="-15" href="#a" />
    <linearGradient
        id="j"
        x1="-11.25"
        x2="51.75"
        y1="53.25"
        y2="-9.75"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M32 46c-10.831 0-19.4-9.93-19.762-10.352a1 1 0 0 1 0-1.3C12.6 33.93 21.169 24 32 24s19.4 9.93 19.762 10.352a1 1 0 0 1 0 1.3C51.4 36.07 42.831 46 32 46zM14.357 35c2.069 2.164 9.27 9 17.643 9s15.577-6.834 17.643-9c-2.069-2.164-9.27-9-17.643-9-8.388 0-15.577 6.834-17.643 9z"
        />
        <g fill="url(#b)">
            <path
                d="M32 42a7 7 0 1 1 7-7 7.009 7.009 0 0 1-7 7zm0-12a5 5 0 1 0 5 5 5.006 5.006 0 0 0-5-5zM49 25a1 1 0 0 1-1-1v-5h-5a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zM21 53h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2z"
            />
        </g>
        <path
            fill="url(#c)"
            d="M15 25a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2h-5v5a1 1 0 0 1-1 1z"
        />
        <path
            fill="url(#d)"
            d="M49 53h-6a1 1 0 0 1 0-2h5v-5a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1z"
        />
        <path
            fill="url(#e)"
            d="M59 63H5a1 1 0 0 1-1-1V4a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3v58a1 1 0 0 1-1 1zM6 61h52V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"
        />
        <circle cx="45" cy="6" r="1" fill="url(#f)" />
        <circle cx="49" cy="6" r="1" fill="url(#g)" />
        <circle cx="53" cy="6" r="1" fill="url(#h)" />
        <path fill="url(#i)" d="M40 7H11a1 1 0 0 1 0-2h29a1 1 0 0 1 0 2z" />
        <path fill="url(#j)" d="M59 11H5a1 1 0 0 1 0-2h54a1 1 0 0 1 0 2z" />
    </g>
</svg>