Web Development

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 96 96"
>
    <linearGradient
        id="a"
        x1="7.853"
        x2="88.147"
        y1="17.194"
        y2="78.806"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#69f1f9" />
        <stop offset="1" stop-color="#75aefa" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="7.858"
        x2="40.142"
        y1="35.613"
        y2="60.387"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="43.654"
        x2="60.346"
        y1="25.596"
        y2="38.404"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="45.136"
        x2="66.864"
        y1="31.664"
        y2="48.336"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="40.689"
        x2="47.311"
        y1="45.459"
        y2="50.541"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="40.689"
        x2="47.311"
        y1="21.459"
        y2="26.541"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="50.171"
        x2="61.829"
        y1="51.527"
        y2="60.473"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="48.689"
        x2="55.311"
        y1="61.459"
        y2="66.541"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="53.136"
        x2="74.864"
        y1="63.664"
        y2="80.336"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M84 15H12a5 5 0 0 0-5 5v56a5 5 0 0 0 5 5h72a5 5 0 0 0 5-5V20a5 5 0 0 0-5-5zm3 61a3 3 0 0 1-3 3H12a3 3 0 0 1-3-3V20a3 3 0 0 1 3-3h72a3 3 0 0 1 3 3z"
    />
    <path
        fill="url(#b)"
        d="M28 23h-8a5 5 0 0 0-5 5v40a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5V28a5 5 0 0 0-5-5zm3 45a3 3 0 0 1-3 3h-8a3 3 0 0 1-3-3V41h14zm0-29H17v-6h7a1 1 0 0 0 0-2h-7v-3a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3z"
    />
    <path fill="url(#c)" d="M40 33h24a1 1 0 0 0 0-2H40a1 1 0 0 0 0 2z" />
    <path fill="url(#d)" d="M40 41h32a1 1 0 0 0 0-2H40a1 1 0 0 0 0 2z" />
    <path
        fill="url(#e)"
        d="M49 48a1 1 0 0 0-1-1h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 1-1z"
    />
    <path fill="url(#f)" d="M40 25h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z" />
    <path
        fill="url(#g)"
        d="M65 56a1 1 0 0 0-1-1H48a1 1 0 0 0 0 2h16a1 1 0 0 0 1-1z"
    />
    <path fill="url(#h)" d="M48 63a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z" />
    <path fill="url(#i)" d="M80 71H48a1 1 0 0 0 0 2h32a1 1 0 0 0 0-2z" />
</svg>