Interactivity

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="-85.333"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#addcff" />
        <stop offset=".503" stop-color="#eaf6ff" />
        <stop offset="1" stop-color="#eaf6ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="407"
        y2="105"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00c0ff" />
        <stop offset="1" stop-color="#5558ff" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <path
        fill="url(#b)"
        d="M373.969 298.616a24.39 24.39 0 0 1-4.253 13.762l-51.486 75.343A44.24 44.24 0 0 1 281.705 407H182.27c-24.432 0-44.238-19.806-44.238-44.238v-99.536c0-11.809 9.573-21.382 21.382-21.382s21.382 9.573 21.382 21.382v-11.797c0-11.809 9.573-21.382 21.382-21.382s21.382 9.573 21.382 21.382c0-11.809 9.573-21.382 21.382-21.382s21.382 9.573 21.382 21.382v-71.961c0-11.809 9.573-21.382 21.382-21.382s21.382 9.573 21.382 21.382v135.171l20.353-29.785c13.533-19.805 44.528-10.227 44.528 13.762zm-125.342-90.5v-28.648c0-21.547 17.53-39.077 39.077-39.077s39.077 17.53 39.077 39.077v28.648c12.199-10.813 19.907-26.586 19.907-44.132 0-32.524-26.46-58.984-58.984-58.984s-58.984 26.46-58.984 58.984c0 17.546 7.708 33.319 19.907 44.132z"
    />
</svg>