Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="4"
        x2="60"
        y1="31.975"
        y2="31.975"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7f00ff" />
        <stop offset="1" stop-color="#e100ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M16.996 34A13.008 13.008 0 0 0 4 46.994c.711 17.242 25.283 17.237 25.992 0A13.008 13.008 0 0 0 16.996 34zm0 3.748a3.224 3.224 0 0 1 0 6.448 3.224 3.224 0 0 1 0-6.448zm-6.018 12.466a3.22 3.22 0 0 1 0-6.438 3.22 3.22 0 0 1 0 6.438zm6.018 6.028a3.224 3.224 0 0 1 0-6.448 3.224 3.224 0 0 1 0 6.448zm6.018-6.028a3.22 3.22 0 0 1 0-6.438 3.22 3.22 0 0 1 0 6.438zm-6.018-10.466a1.225 1.225 0 0 1 0 2.449 1.225 1.225 0 0 1 0-2.45zm0 14.495a1.225 1.225 0 0 1 0-2.45 1.225 1.225 0 0 1 0 2.45zm6.018-6.028a1.22 1.22 0 0 1 0-2.44 1.22 1.22 0 0 1 0 2.44zm-12.036 0a1.22 1.22 0 0 1 0-2.44 1.22 1.22 0 0 1 0 2.44zm48.915-27.581C58.476 6.06 40.999-1.064 29.842 8.148a18.548 18.548 0 0 0 4.439 31.39c12.678 5.46 27.108-4.976 25.612-18.904zm-5.569 8.617c-4.89 9.596-18.923 10.414-24.842 1.36-6.537-9.448.53-22.711 12.007-22.613 10.719-.159 17.97 11.836 12.835 21.253zm-.87-10.347c-2.28-8.17-12.719-11.636-19.433-6.418-6.03 4.276-6.716 13.697-1.37 18.854 9.3 9.072 24.394-.03 20.804-12.436zm-11.966-6.678a3.5 3.5 0 0 1 0 6.998 3.5 3.5 0 0 1 0-6.998zM34.71 26.002a3.5 3.5 0 0 1 0-6.998 3.5 3.5 0 0 1 0 6.998zm6.778 6.778a3.5 3.5 0 0 1 0-6.998 3.5 3.5 0 0 1 0 6.998zm6.778-6.778a3.5 3.5 0 0 1 0-6.998 3.5 3.5 0 0 1 0 6.998zm-6.778-11.777a1.5 1.5 0 0 1 0 3 1.5 1.5 0 0 1 0-3zm0 16.555a1.5 1.5 0 0 1 0-2.999 1.5 1.5 0 0 1 0 3zm6.778-6.778a1.5 1.5 0 0 1 0-2.999 1.5 1.5 0 0 1 0 3zm-13.555 0a1.5 1.5 0 0 1 0-2.999 1.5 1.5 0 0 1 0 3z"
    />
</svg>