Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="26"
        x2="26"
        y1=".1"
        y2="63.026"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".014" stop-color="#fee72e" />
        <stop offset=".042" stop-color="#fed51b" />
        <stop offset=".07" stop-color="#fdca10" />
        <stop offset=".1" stop-color="#fdc70c" />
        <stop offset=".4" stop-color="#f3903f" />
        <stop offset=".8" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient id="b" x1="32" x2="32" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="c" x1="10" x2="10" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="d" x1="14" x2="14" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="e" x1="18" x2="18" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="f" x1="42" x2="42" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="g" x1="16" x2="16" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="h" x1="20" x2="20" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="i" x1="24" x2="24" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="j" x1="48" x2="48" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="k" x1="22" x2="22" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="l" x1="30" x2="30" y1=".1" y2="63.026" href="#a" />
    <linearGradient id="m" x1="54" x2="54" y1=".1" y2="63.026" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M21 43a3 3 0 0 1 3-3h1a4 4 0 0 0 0-8H11v2h14a2 2 0 0 1 0 4h-1a5 5 0 0 0 0 10h17v-2H24a3 3 0 0 1-3-3z"
        />
        <path
            fill="url(#b)"
            d="M8 54h36a3 3 0 0 0 3-3v-5h3a3 3 0 0 0 3-3v-5h3a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H20a3 3 0 0 0-3 3v5h-3a3 3 0 0 0-3 3v5H8a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3zm36-2H8a1 1 0 0 1-1-1V28h38v23a1 1 0 0 1-1 1zm6-8h-3V21a2.966 2.966 0 0 0-.184-1H51v23a1 1 0 0 1-1 1zm6-8h-3V13a2.966 2.966 0 0 0-.184-1H57v23a1 1 0 0 1-1 1zM19 5a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1v5H19zm-6 8a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1v5H13zm-5 7h36a1 1 0 0 1 1 1v5H7v-5a1 1 0 0 1 1-1z"
        />
        <path fill="url(#c)" d="M9 22h2v2H9z" />
        <path fill="url(#d)" d="M13 22h2v2h-2z" />
        <path fill="url(#e)" d="M17 22h2v2h-2z" />
        <path fill="url(#f)" d="M41 22h2v2h-2z" />
        <path fill="url(#g)" d="M15 14h2v2h-2z" />
        <path fill="url(#h)" d="M19 14h2v2h-2z" />
        <path fill="url(#i)" d="M23 14h2v2h-2z" />
        <path fill="url(#j)" d="M47 14h2v2h-2z" />
        <path fill="url(#k)" d="M21 6h2v2h-2z" />
        <path fill="url(#a)" d="M25 6h2v2h-2z" />
        <path fill="url(#l)" d="M29 6h2v2h-2z" />
        <path fill="url(#m)" d="M53 6h2v2h-2z" />
        <path
            fill="url(#b)"
            d="M59 56H8a1 1 0 0 0-.371.071l-5 2a1 1 0 0 0 0 1.858l5 2A1 1 0 0 0 8 62h51a3 3 0 0 0 0-6zm0 4H8.192l-2.5-1 2.5-1H59a1 1 0 0 1 0 2z"
        />
    </g>
</svg>