Interaction

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 49.5 49.5"
>
    <linearGradient
        id="a"
        x1="2.192"
        x2="47.308"
        y1="44.683"
        y2="-.433"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5459ff" />
        <stop offset=".567" stop-color="#11abff" />
        <stop offset="1" stop-color="#01beff" />
    </linearGradient>
    <g>
        <g>
            <path
                fill="url(#a)"
                d="M46.5 0H3a3 3 0 0 0-3 3v38.25a3 3 0 0 0 3 3h15.375V48H13.5a.75.75 0 0 0 0 1.5H36a.75.75 0 0 0 0-1.5h-4.875v-3.75H46.5a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zm-45 3A1.5 1.5 0 0 1 3 1.5h43.5A1.5 1.5 0 0 1 48 3v33.75H1.5zm28.125 45h-9.75v-3.75h9.75zM48 41.25a1.5 1.5 0 0 1-1.5 1.5H3a1.5 1.5 0 0 1-1.5-1.5v-3H48zm-24-.75a.75.75 0 1 1 .75.75.749.749 0 0 1-.75-.75zM45.4 4.1a.757.757 0 0 1 .217.525.777.777 0 0 1-.217.532.749.749 0 0 1-.533.218.728.728 0 0 1-.525-.218.741.741 0 0 1-.011-1.057.784.784 0 0 1 1.069 0zm-3.533.525a.75.75 0 1 1-.75-.75.753.753 0 0 1 .746.748zm-5.032.532a.757.757 0 0 1-.218-.532.749.749 0 0 1 .218-.525.776.776 0 0 1 1.065-.01.755.755 0 0 1 .217.533.743.743 0 0 1-.217.532.759.759 0 0 1-1.065 0zm2.9 13.97a15.017 15.017 0 0 1-15 15 .75.75 0 0 1 0-1.5 13.5 13.5 0 1 0-13.5-13.5.75.75 0 0 1-1.5 0 15 15 0 1 1 30 0zm-13.911 8.4a8.471 8.471 0 1 0-9.49-9.49.753.753 0 0 1-.744.655.785.785 0 0 1-.1-.006.751.751 0 0 1-.649-.839A9.971 9.971 0 1 1 26.01 29.014a.785.785 0 0 1-.1.006.751.751 0 0 1-.1-1.5zm1.344-5.967a3.441 3.441 0 1 0-4.868-4.869.75.75 0 1 1-1.06-1.061 4.941 4.941 0 1 1 6.987 6.988.75.75 0 1 1-1.06-1.06zm-1.792-2.96a.753.753 0 0 0-.774-.18l-13.549 4.644a.75.75 0 0 0-.062 1.395l5.9 2.623 2.623 5.9a.751.751 0 0 0 .686.445h.033a.75.75 0 0 0 .676-.506l4.65-13.549a.749.749 0 0 0-.183-.772zm-5.271 12.026-1.964-4.417a.753.753 0 0 0-.381-.381l-4.416-1.965 10.294-3.531z"
            />
        </g>
    </g>
</svg>