Interactive Display

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 90 90"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00f2fe" />
        <stop offset="1" stop-color="#4facfe" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="6"
        x2="84"
        y1="52.5"
        y2="52.5"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="32.129"
        x2="43.872"
        y1="51.597"
        y2="51.597"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="36"
        x2="48"
        y1="74.5"
        y2="74.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fee140" />
        <stop offset="1" stop-color="#fa709a" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="26"
        x2="50"
        y1="15"
        y2="15"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="61"
        x2="77"
        y1="28"
        y2="28"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="61"
        x2="77"
        y1="34"
        y2="34"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="17.17"
        x2="28.66"
        y1="42.851"
        y2="42.851"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M36.638 77H10a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h70a4 4 0 0 1 4 4v41a4 4 0 0 1-4 4H48.319"
    />
    <path
        fill="#e3f8ff"
        d="M35.206 73H17a3 3 0 0 1-3-3V35a3 3 0 0 1 3-3h54a3 3 0 0 1 3 3v35a3 3 0 0 1-3 3H48.574"
    />
    <path
        fill="#b4ecf9"
        d="M33.494 50.357a.99.99 0 0 1-.5-.135l-5.783-3.348a1 1 0 1 1 1.002-1.73l5.783 3.348a1 1 0 0 1-.502 1.865zM38 47.01a1 1 0 0 1-1-1V24a1 1 0 1 1 2 0v22.01a1 1 0 0 1-1 1zM42 49.526a1 1 0 0 1-.633-1.774l12.504-10.211a.999.999 0 1 1 1.265 1.549L42.632 49.301a.997.997 0 0 1-.632.225z"
    />
    <circle cx="38" cy="51.597" r="5.872" fill="url(#c)" />
    <path
        fill="#fff"
        d="M79 59a2 2 0 0 1-2-2v-9a2 2 0 1 1 4 0v9a2 2 0 0 1-2 2zM10 56a1 1 0 0 1-1-1v-5a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1z"
    />
    <path fill="url(#d)" d="M36 70h12v9H36z" />
    <g
        fill="none"
        stroke="#231f20"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    >
        <path d="M40 61v-5.48M44 60v-2.03M40 60v-4.48" />
    </g>
    <path
        fill="#f2d78c"
        d="M48 56.97V70H36c-.2-2.22-.97-5.38-3.86-6.52l-1.87-.46s-.88-5.18 3.97-3.28l1.76.65v-9.73c0-1.07.87-1.94 1.93-1.94h.14c1.06 0 1.93.87 1.93 1.94v3.86c0-1.06.87-1.93 1.93-1.93h.14c1.06 0 1.93.87 1.93 1.93v2.45c0-1.07.87-1.94 1.93-1.94h.14c1.06 0 1.93.87 1.93 1.94z"
    />
    <path
        fill="url(#e)"
        d="M48 24H28a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2z"
    />
    <path
        fill="#e3f8ff"
        d="M38 19.563a10.59 10.59 0 0 0-7 0V11.29a7.63 7.63 0 0 1 3.507-.853A7.628 7.628 0 0 1 38 11.29z"
    />
    <path
        fill="#b4ecf9"
        d="M38 19.563a10.59 10.59 0 0 1 7 0V11.29a7.63 7.63 0 0 0-3.507-.853A7.641 7.641 0 0 0 38 11.29z"
    />
    <path
        fill="#cff5ff"
        d="M82 39H56a2 2 0 0 1-2-2V25a2 2 0 0 1 2-2h26a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2z"
    />
    <path fill="url(#f)" d="M76 29H62a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2z" />
    <path fill="url(#g)" d="M76 35H62a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2z" />
    <circle cx="22.915" cy="42.851" r="5.745" fill="url(#h)" />
</svg>