Circle Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <radialGradient
        id="c"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="scale(27.578) rotate(24.75 -.798 1.557)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0e6ae0" />
        <stop offset="1" stop-color="#003d8b" />
    </radialGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#d8e1ef" />
        <stop offset="1" stop-color="#5b8ede" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(53.586 -4.038 12.147) scale(16.947)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(.75 21.083 -21.083 .75 15.288 23.324)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(-9.963 14.519 -14.519 -9.963 24.25 7.812)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#0593ff" />
        <stop offset="1" stop-color="#00599d" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(91.6 -3.358 20.514) scale(7.684)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(.664 13.5 -13.5 .664 7.124 5.5)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(.5 15.86 -15.86 .5 24.5 5)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="j"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="scale(9.764) rotate(88.23 .962 1.598)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="url(#c)"
            d="M20.372 8.703a.75.75 0 0 0-.713-.517h-7.318a.75.75 0 0 0-.713.517 4.569 4.569 0 0 1-1.795 2.37.75.75 0 0 0-.253.958l4 7.999a.75.75 0 0 0 .918.372 4.558 4.558 0 0 1 2.909-.032.75.75 0 0 0 .903-.377l4.014-8.028a.75.75 0 0 0-.239-.949 4.565 4.565 0 0 1-1.713-2.313zm-1.231.982a6.075 6.075 0 0 0 1.569 2.155l-3.469 6.936a6.04 6.04 0 0 0-2.599.026L11.2 11.917a6.068 6.068 0 0 0 1.659-2.232l6.282.001z"
        />
        <circle cx="7.301" cy="7.292" r="6.051" fill="url(#d)" />
        <circle cx="16" cy="24.699" r="6.051" fill="url(#e)" />
        <circle cx="24.699" cy="7.292" r="6.051" fill="url(#f)" />
        <g fill="url(#g)">
            <path
                d="M15.057 25.63a1.4 1.4 0 0 1 .935-.382c.356 0 .681.151.946.393a.75.75 0 0 0 1.013-1.106c-.545-.499-1.225-.787-1.959-.787-.725 0-1.397.281-1.938.767a.75.75 0 0 0 1.003 1.115z"
            />
            <path
                d="M13.613 24.016c.664-.596 1.482-.957 2.37-.957.901 0 1.73.371 2.399.983a.75.75 0 1 0 1.013-1.106c-.949-.869-2.133-1.377-3.412-1.377-1.262 0-2.43.495-3.373 1.342a.75.75 0 1 0 1.003 1.115z"
            />
            <circle cx="15.993" cy="26.845" r=".845" />
        </g>
        <path
            fill="url(#h)"
            d="M7.191 9.59h.23c.13.549.624.957 1.213.957h.771a1.407 1.407 0 0 0 1.405-1.404V5.885c0-.537-.306-1.027-.789-1.263L7.917 3.595a1.403 1.403 0 0 0-1.232 0L4.58 4.622a1.406 1.406 0 0 0-.788 1.263v3.258a1.407 1.407 0 0 0 1.404 1.404h.782a1.246 1.246 0 0 0 1.213-.957z"
        />
        <path
            fill="url(#i)"
            d="M27.437 7.497a3.023 3.023 0 0 0-2.736-4.304h-.003a3.024 3.024 0 0 0-2.737 4.304l1.343 2.866a1.54 1.54 0 0 0 2.791 0z"
        />
        <circle cx="24.699" cy="6.057" r="1.635" fill="url(#j)" />
    </g>
</svg>