Hotspot

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="15.598"
        x2="16.431"
        y1="-.019"
        y2="33.147"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#08c8f6" />
        <stop offset="1" stop-color="#4d5dfb" />
    </linearGradient>
    <rect
        width="29.5"
        height="29.5"
        x="1.25"
        y="1.25"
        fill="url(#a)"
        rx="4.95"
    />
    <g fill="#fff" fill-rule="evenodd">
        <path
            d="M11.984 20.017a5.68 5.68 0 1 1 8.032 0 .75.75 0 0 0 1.061 1.061 7.18 7.18 0 1 0-10.154 0 .75.75 0 0 0 1.061-1.061z"
        />
        <path
            d="M10.165 21.836a8.252 8.252 0 1 1 11.67 0A.75.75 0 0 0 22.9 22.9a9.752 9.752 0 1 0-13.8 0 .75.75 0 0 0 1.061-1.061z"
        />
        <path
            d="M13.8 18.2a3.108 3.108 0 1 1 4.4 0 .75.75 0 0 0 1.06 1.061 4.608 4.608 0 1 0-6.516 0A.75.75 0 0 0 13.8 18.2z"
        />
        <path
            d="M16 15.465a.536.536 0 1 1-.536.536.536.536 0 0 1 .536-.536zm-.75 2.429V25a.75.75 0 0 0 1.5 0v-7.106a2.036 2.036 0 1 0-1.5 0z"
        />
    </g>
</svg>