Scroll Wheel

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="5.08"
        x2="18.92"
        y1="20.04"
        y2="20.04"
        gradientTransform="rotate(180 -5.47 12)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7f00ff" />
        <stop offset="1" stop-color="#e100ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="5.08"
        x2="18.92"
        y1="16.04"
        y2="16.04"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M14.11 1.87a3 3 0 0 1-4.18 4.18 3 3 0 0 1 4.18-4.18zM12.7 4.64a1 1 0 0 0 0-1.36 1 1 0 0 0-1.36 0 1 1 0 0 0 0 1.36 1 1 0 0 0 1.36 0z"
        />
        <path
            fill="url(#b)"
            d="M17.81 14.49a2.57 2.57 0 0 0-3-.09v-2.52a2.79 2.79 0 1 0-5.58 0v2.52a2.57 2.57 0 0 0-3 .09 2.5 2.5 0 0 0-.23 3.7l4 4a2.86 2.86 0 0 0 4 0l4-4a2.5 2.5 0 0 0-.19-3.7zm-1.23 2.29-4 4a.79.79 0 0 1-1.12 0l-4-4a.51.51 0 0 1 0-.74.56.56 0 0 1 .72.1l1.32 1.31a1 1 0 0 0 1.09.22 1 1 0 0 0 .62-.92v-4.87a.79.79 0 1 1 1.58 0v4.87a1 1 0 0 0 .62.92 1 1 0 0 0 1.09-.22l1.32-1.31a.56.56 0 0 1 .72-.1.51.51 0 0 1 .04.74z"
        />
    </g>
</svg>