Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <linearGradient
        id="d"
        x1="18.825"
        x2="29.013"
        y1="37.927"
        y2="41.024"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2b50d2" />
        <stop offset="1" stop-color="#182ea5" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="7.746"
        x2="40.834"
        y1="41.145"
        y2="46.279"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#4793eb" />
        <stop offset="1" stop-color="#2367ec" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="4.059"
        x2="44.646"
        y1="8.905"
        y2="37.593"
        href="#a"
    />
    <linearGradient
        id="b"
        x1="22.939"
        x2="25.061"
        y1="33.939"
        y2="36.061"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#edf1f2" />
        <stop offset="1" stop-color="#c6cbcc" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="7.023"
        x2="41.171"
        y1="11.452"
        y2="31.664"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6fc6fc" />
        <stop offset="1" stop-color="#50a7f6" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="8.655"
        x2="39.99"
        y1="25.657"
        y2="28.399"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="24"
        x2="24"
        y1="7.782"
        y2="27.914"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset=".837" stop-color="#edf2f0" />
        <stop offset="1" stop-color="#ced3d4" />
    </linearGradient>
    <linearGradient id="i" x1="24" x2="24" y1="2.532" y2="8.088" href="#b" />
    <linearGradient
        id="j"
        x1="15.056"
        x2="37.455"
        y1="4.582"
        y2="18.104"
        href="#b"
    />
    <linearGradient
        id="k"
        x1="13.286"
        x2="35.686"
        y1="7.514"
        y2="21.036"
        href="#b"
    />
    <linearGradient
        id="l"
        x1="9.739"
        x2="32.138"
        y1="13.391"
        y2="26.913"
        href="#b"
    />
    <linearGradient
        id="c"
        x1="13.771"
        x2="20.149"
        y1="11.171"
        y2="18.735"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#4aff9e" />
        <stop offset="1" stop-color="#43dc8f" />
    </linearGradient>
    <linearGradient
        id="m"
        x1="12.293"
        x2="13.707"
        y1="4.293"
        y2="5.707"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e85155" />
        <stop offset="1" stop-color="#c21d2c" />
    </linearGradient>
    <linearGradient
        id="n"
        x1="15.293"
        x2="16.707"
        y1="4.293"
        y2="5.707"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fed200" />
        <stop offset="1" stop-color="#f59815" />
    </linearGradient>
    <linearGradient
        id="o"
        x1="18.293"
        x2="19.707"
        y1="4.293"
        y2="5.707"
        href="#c"
    />
    <linearGradient
        id="p"
        x1="26.867"
        x2="35.359"
        y1="3.828"
        y2="5.976"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c6cbcc" />
        <stop offset="1" stop-color="#9fa5a6" />
    </linearGradient>
    <path fill="url(#d)" d="M19 36h10v7H19z" />
    <path
        fill="url(#a)"
        d="M37.333 41H10.667A3.667 3.667 0 0 0 7 44.667 1.333 1.333 0 0 0 8.333 46h31.334A1.333 1.333 0 0 0 41 44.667 3.667 3.667 0 0 0 37.333 41z"
    />
    <rect width="42" height="30" x="3" y="8" fill="url(#e)" rx="5" />
    <circle cx="24" cy="35" r="1.5" fill="url(#b)" />
    <rect width="36" height="21" x="6" y="11" fill="url(#f)" rx="2" />
    <path
        fill="url(#g)"
        d="M39 28H9a1 1 0 0 1 0-2h30a1 1 0 0 1 0 2z"
        opacity=".5"
    />
    <path fill="url(#h)" d="M10 28V4a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v24z" />
    <path fill="url(#i)" d="M36 2H12a2 2 0 0 0-2 2v4h28V4a2 2 0 0 0-2-2z" />
    <path fill="url(#j)" d="M34 14H24a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z" />
    <path fill="url(#k)" d="M34 18H24a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z" />
    <path fill="url(#l)" d="M34 23H14a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
    <rect width="8" height="8" x="13" y="11" fill="url(#c)" rx="2" />
    <circle cx="13" cy="5" r="1" fill="url(#m)" />
    <circle cx="16" cy="5" r="1" fill="url(#n)" />
    <circle cx="19" cy="5" r="1" fill="url(#o)" />
    <path fill="url(#p)" d="M35 6h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2z" />
</svg>