Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="16.972"
        x2="465.938"
        y1="494.218"
        y2="45.252"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="124.974"
        x2="573.94"
        y1="602.22"
        y2="153.254"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="9.377"
        x2="458.343"
        y1="486.623"
        y2="37.657"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-70.623"
        x2="378.343"
        y1="406.623"
        y2="-42.343"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-58.623"
        x2="390.343"
        y1="418.623"
        y2="-30.343"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="89.376"
        x2="538.342"
        y1="566.622"
        y2="117.656"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="101.376"
        x2="550.342"
        y1="578.622"
        y2="129.656"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="77.376"
        x2="526.342"
        y1="554.622"
        y2="105.656"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M371.44 7.75h-232a28.031 28.031 0 0 0-28 28v440a28.031 28.031 0 0 0 28 28h232a28.031 28.031 0 0 0 28-28v-440a28.031 28.031 0 0 0-28-28zm-78.24 16-4 16h-67.51l-4-16zm90.24 452a12.01 12.01 0 0 1-12 12h-232a12.01 12.01 0 0 1-12-12v-440a12.016 12.016 0 0 1 12-12h61.76l6.48 25.94a8 8 0 0 0 7.76 6.06h80a8 8 0 0 0 7.76-6.06l6.49-25.94h61.75a12.016 12.016 0 0 1 12 12z"
    />
    <path
        fill="url(#b)"
        d="M287.441 463.753h-64a8 8 0 1 0 0 16h64a8 8 0 0 0 0-16z"
    />
    <path
        fill="url(#c)"
        d="M360 128H152a8 8 0 0 0-8 8v208a8 8 0 0 0 8 8h208a8 8 0 0 0 8-8V136a8 8 0 0 0-8-8zm-19.31 16L256 228.69 171.31 144zM160 155.31 244.69 240 160 324.69zM171.31 336 256 251.31 340.69 336zM352 324.69 267.31 240 352 155.31z"
    />
    <path fill="url(#d)" d="M208 88h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16z" />
    <path fill="url(#e)" d="M216 96a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z" />
    <path fill="url(#f)" d="M352 392H160a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z" />
    <path fill="url(#g)" d="M288 416h-64a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16z" />
    <path fill="url(#h)" d="M336 384a8 8 0 0 0 0-16H176a8 8 0 0 0 0 16z" />
</svg>