Programming

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="9.586"
        x2="54.414"
        y1="50.414"
        y2="5.586"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d7e6f9" />
        <stop offset="1" stop-color="#ccd3dd" />
    </linearGradient>
    <linearGradient id="e" x1="27" x2="37" y1="55" y2="45" href="#a" />
    <linearGradient
        id="b"
        x1="17.293"
        x2="46.707"
        y1="58.121"
        y2="28.707"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#617093" />
        <stop offset="1" stop-color="#3d4860" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="30.586"
        x2="33.414"
        y1="45.414"
        y2="42.586"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f95555" />
        <stop offset="1" stop-color="#d81d1d" />
    </linearGradient>
    <linearGradient id="f" x1="25.5" x2="38.5" y1="59.5" y2="46.5" href="#b" />
    <linearGradient id="g" x1="8.5" x2="11.5" y1="15.5" y2="12.5" href="#c" />
    <linearGradient
        id="d"
        x1="8.5"
        x2="11.5"
        y1="19.5"
        y2="16.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#77f969" />
        <stop offset="1" stop-color="#03dd03" />
    </linearGradient>
    <linearGradient id="h" x1="8.5" x2="11.5" y1="23.5" y2="20.5" href="#c" />
    <linearGradient id="i" x2="11.5" y1="27.5" y2="24.5" href="#d" />
    <linearGradient id="j" x1="8.5" x2="11.5" y1="31.5" y2="28.5" href="#c" />
    <linearGradient id="k" x2="11.5" y1="35.5" y2="32.5" href="#d" />
    <linearGradient id="l" x1="16.5" x2="23.5" y1="17.5" y2="10.5" href="#b" />
    <linearGradient id="m" x1="18" x2="28" y1="23" y2="13" href="#b" />
    <linearGradient id="n" x1="16" x2="22" y1="25" y2="19" href="#b" />
    <linearGradient id="o" x1="18" x2="28" y1="31" y2="21" href="#b" />
    <linearGradient id="p" x1="17.5" x2="26.5" y1="34.5" y2="25.5" href="#b" />
    <linearGradient id="q" x1="14.5" x2="17.5" y1="35.5" y2="32.5" href="#b" />
    <linearGradient id="r" x1="17" x2="25" y1="42" y2="34" href="#b" />
    <linearGradient id="s" x1="8.5" x2="11.5" y1="39.5" y2="36.5" href="#c" />
    <linearGradient
        id="t"
        x1="38.939"
        x2="43.646"
        y1="22.354"
        y2="17.646"
        href="#d"
    />
    <linearGradient
        id="u"
        x1="41.684"
        x2="50.316"
        y1="24.316"
        y2="15.684"
        gradientTransform="rotate(71.53 45.982 20.001)"
        href="#d"
    />
    <linearGradient
        id="v"
        x1="48.354"
        x2="53.061"
        y1="22.354"
        y2="17.646"
        href="#d"
    />
    <linearGradient id="w" x1="39.5" x2="44.5" y1="37.5" y2="32.5" href="#b" />
    <linearGradient id="x" x1="35.5" x2="40.5" y1="37.5" y2="32.5" href="#b" />
    <linearGradient id="y" x1="44.5" x2="51.5" y1="38.5" y2="31.5" href="#b" />
    <linearGradient id="z" x1="51.5" x2="56.5" y1="37.5" y2="32.5" href="#b" />
    <rect width="56" height="36" x="4" y="10" fill="url(#a)" rx="2" />
    <path fill="url(#e)" d="M26 46h12v8H26z" />
    <path fill="url(#b)" d="M4 42h56v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2z" />
    <circle cx="32" cy="44" r="2" fill="url(#c)" />
    <path fill="url(#f)" d="M20 52h24v2H20z" />
    <path fill="url(#g)" d="M8 13h4v2H8z" />
    <path fill="url(#d)" d="M8 17h4v2H8z" />
    <path fill="url(#h)" d="M8 21h4v2H8z" />
    <path fill="url(#i)" d="M8 25h4v2H8z" />
    <path fill="url(#j)" d="M8 29h4v2H8z" />
    <path fill="url(#k)" d="M8 33h4v2H8z" />
    <path fill="url(#l)" d="M14 13h12v2H14z" />
    <path fill="url(#m)" d="M14 17h18v2H14z" />
    <path fill="url(#n)" d="M14 21h10v2H14z" />
    <path fill="url(#o)" d="M14 25h18v2H14z" />
    <path fill="url(#p)" d="M14 29h16v2H14z" />
    <path fill="url(#q)" d="M14 33h4v2h-4z" />
    <path fill="url(#r)" d="M14 37h14v2H14z" />
    <path fill="url(#s)" d="M8 37h4v2H8z" />
    <path
        fill="url(#t)"
        d="M41.293 24.707 36.586 20l4.707-4.707 1.414 1.414L39.414 20l3.293 3.293z"
    />
    <path
        fill="url(#u)"
        d="M39.675 19h12.649v1.999H39.675z"
        transform="rotate(-71.53 45.989 19.987)"
    />
    <path
        fill="url(#v)"
        d="m50.707 24.707-1.414-1.414L52.586 20l-3.293-3.293 1.414-1.414L55.414 20z"
    />
    <path fill="url(#w)" d="M41 31h2v8h-2z" />
    <path fill="url(#x)" d="M37 31h2v8h-2z" />
    <path fill="url(#y)" d="M51 39h-6v-8h6zm-4-2h2v-4h-2z" />
    <path fill="url(#z)" d="M53 31h2v8h-2z" />
</svg>