Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="4"
        x2="59.907"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7f00ff" />
        <stop offset="1" stop-color="#e100ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M17 60a13.015 13.015 0 0 0 13-13c-.714-17.246-25.289-17.241-26 0a13.015 13.015 0 0 0 13 13zm0-24a11.012 11.012 0 0 1 11 11c-.604 14.593-21.398 14.589-22 0a11.012 11.012 0 0 1 11-11zm0 8.198a3.223 3.223 0 0 0 0-6.445 3.223 3.223 0 0 0 0 6.445zm0-4.445a1.223 1.223 0 0 1 0 2.445 1.223 1.223 0 0 1 0-2.445zm0 10.05a3.223 3.223 0 0 0 0 6.444 3.223 3.223 0 0 0 0-6.445zm0 4.444a1.223 1.223 0 0 1 0-2.445 1.223 1.223 0 0 1 0 2.445zm6.024-4.025a3.222 3.222 0 0 0 0-6.444 3.222 3.222 0 0 0 0 6.444zm0-4.444a1.222 1.222 0 0 1 0 2.444 1.222 1.222 0 0 1 0-2.444zM14.197 47a3.222 3.222 0 0 0-6.444 0 3.222 3.222 0 0 0 6.444 0zm-4.444 0a1.222 1.222 0 0 1 2.444 0 1.222 1.222 0 0 1-2.444 0zm31.917-6a1 1 0 0 1-.02-2c21.77-1.128 21.658-32.088-.15-33-19.092.43-22.755 26.7-4.548 32.358a1 1 0 0 1-.545 1.924C15.991 33.947 20.084 4.486 41.5 4c24.446 1.018 24.581 35.733.17 37zm8.673-27.343c-11.87-11.365-29.069 5.7-17.685 17.686 10.28 9.895 26.362-1.905 19.907-14.668a1 1 0 0 1 1.77-.93c5.193 9.502-2.179 21.427-12.835 21.247-12.747.091-19.367-15.658-10.258-24.748a14.538 14.538 0 0 1 20.515 0 1 1 0 0 1-1.414 1.413zM41.5 19.222a3.5 3.5 0 0 0 0-7 3.5 3.5 0 0 0 0 7zm0-5a1.5 1.5 0 0 1 0 3 1.5 1.5 0 0 1 0-3zm0 18.556a3.5 3.5 0 0 0 0-7 3.5 3.5 0 0 0 0 7zm0-5a1.5 1.5 0 0 1 0 3 1.5 1.5 0 0 1 0-3zM48.277 26a3.5 3.5 0 0 0 0-7 3.5 3.5 0 0 0 0 7zm0-5a1.5 1.5 0 0 1 0 3 1.5 1.5 0 0 1 0-3zm-13.554-2a3.5 3.5 0 0 0 0 7 3.5 3.5 0 0 0 0-7zm0 5a1.5 1.5 0 0 1 0-3 1.5 1.5 0 0 1 0 3z"
    />
</svg>