Interaction

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00f38d" />
        <stop offset="1" stop-color="#009eff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
    />
    <g fill="#fff">
        <path
            d="M152.043 167.043c23.078 0 41.855-18.777 41.855-41.856 0-23.082-18.777-41.859-41.855-41.859s-41.856 18.777-41.856 41.86c0 23.078 18.778 41.855 41.856 41.855zm0-53.715c6.539 0 11.855 5.32 11.855 11.856 0 6.539-5.316 11.859-11.855 11.859-6.54 0-11.856-5.32-11.856-11.86 0-6.535 5.317-11.855 11.856-11.855zM361.527 167.043c23.082 0 41.86-18.777 41.86-41.856 0-23.082-18.778-41.859-41.86-41.859-23.078 0-41.855 18.777-41.855 41.86 0 23.078 18.777 41.855 41.855 41.855zm0-53.715c6.54 0 11.86 5.32 11.86 11.856 0 6.539-5.32 11.859-11.86 11.859-6.539 0-11.855-5.32-11.855-11.86 0-6.535 5.316-11.855 11.855-11.855zM258.594 315.297 237.52 293.94l-51.102 50.442 50.7 50.043 21.073-21.352-14.187-14.004h75.668v69.602h30V329.07H244.637zm0 0"
        />
        <path
            d="M113.328 218.516c0-6.54 5.32-11.86 11.856-11.86h53.714c6.54 0 11.86 5.32 11.86 11.86v42.527h77.953l-14 13.816 21.07 21.352 50.7-50.043-51.102-50.441-21.074 21.351 14.144 13.961h-47.691v-12.527c0-23.078-18.778-41.856-41.86-41.856h-53.714c-23.079 0-41.856 18.778-41.856 41.856v114.37h26.856v95.79h30V302.887h-26.856zm0 0"
        />
        <path
            d="M165.473 428.672h26.855v-42.926l-26.855-26.508zM388.387 178.227h-53.715c-11.254 0-21.438 4.652-28.75 12.117l19.094 18.851a13.395 13.395 0 0 1 9.656-4.11h53.715c7.402 0 13.43 6.024 13.43 13.43v85.942h-26.86v124.215h26.86v-97.36h26.855V218.517c0-22.215-18.074-40.29-40.285-40.29zm0 0"
        />
    </g>
</svg>