Web Development

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="20.784"
        x2="504.375"
        y1="491.216"
        y2="7.625"
        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="-169.216"
        x2="314.375"
        y1="301.216"
        y2="-182.375"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-153.216"
        x2="330.375"
        y1="317.216"
        y2="-166.375"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-137.216"
        x2="346.375"
        y1="333.216"
        y2="-150.375"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="184.784"
        x2="668.375"
        y1="655.216"
        y2="171.625"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="210.784"
        x2="694.375"
        y1="681.216"
        y2="197.625"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M476 56H36A28.031 28.031 0 0 0 8 84v344a28.031 28.031 0 0 0 28 28h440a28.031 28.031 0 0 0 28-28V84a28.031 28.031 0 0 0-28-28zM211.56 289.34A8.033 8.033 0 0 0 208 296v144h-32V296a8.033 8.033 0 0 0-3.56-6.66L128 259.72v-71.87l24-19.2v70.57a8.006 8.006 0 0 0 3.61 6.69l32 21a8 8 0 0 0 8.78 0l32-21a8.006 8.006 0 0 0 3.61-6.69v-70.57l24 19.2v71.87zM360 440h-32V312h32zm4-144h-40l-19.22-25.62L334.03 168h19.94l29.25 102.38zm124 132a12.01 12.01 0 0 1-12 12H376V306.67l22.4-29.87a8 8 0 0 0 1.29-7l-32-112A8 8 0 0 0 360 152h-32a8 8 0 0 0-7.69 5.8l-32 112a8 8 0 0 0 1.29 7l22.4 29.87V440h-88V300.28l44.44-29.62A8.033 8.033 0 0 0 272 264v-80a8 8 0 0 0-3-6.25l-40-32a8 8 0 0 0-13 6.25v82.9l-24 15.75-24-15.75V152a8 8 0 0 0-13-6.25l-40 32a8 8 0 0 0-3 6.25v80a8.033 8.033 0 0 0 3.56 6.66L160 300.28V440H36a12.01 12.01 0 0 1-12-12V120h464zm0-324H24V84a12.01 12.01 0 0 1 12-12h440a12.01 12.01 0 0 1 12 12z"
    />
    <path fill="url(#b)" d="M40 96h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" />
    <path fill="url(#c)" d="M72 96h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" />
    <path fill="url(#d)" d="M104 96h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" />
    <path fill="url(#e)" d="M440 416h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z" />
    <path fill="url(#f)" d="M472 416h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
</svg>