Circle Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 110 110"
>
    <path
        fill="#5e9cea"
        d="M88.22 88.24a47 47 0 0 1-57.09 7.24 46.86 46.86 0 0 1-9.36-7.24 49.85 49.85 0 0 1-4.05-4.61q-.73-.94-1.41-1.92a46.32 46.32 0 0 1-6.27-13A47 47 0 0 1 85 18.84c1.11.92 2.2 1.91 3.23 2.93a47 47 0 0 1 0 66.47z"
    />
    <path
        d="M100 68.75a47 47 0 0 1-68.86 26.72 44.19 44.19 0 0 1-4.46-3 45 45 0 0 1-4.91-4.27c-.88-.87-1.72-1.79-2.5-2.71.71.6 1.41 1.18 2.14 1.73a49.21 49.21 0 0 0 4.46 3A47 47 0 0 0 85.54 19.3c.93.78 1.83 1.6 2.69 2.47A47 47 0 0 1 100 68.75z"
        opacity=".1"
    />
    <path
        fill="#f4f6f8"
        d="M28.92 81.07a36.87 36.87 0 1 1 52.14 0 36.9 36.9 0 0 1-52.14 0z"
    />
    <path
        d="M81.05 81.07a36.85 36.85 0 0 1-52.13 0 33.61 33.61 0 0 1-3.16-3.64 36.85 36.85 0 0 0 51.66-51.66 33.52 33.52 0 0 1 3.63 3.16 36.85 36.85 0 0 1 0 52.14z"
        opacity=".1"
    />
    <path
        fill="#eb5463"
        d="M43.08 37.06v35.88a1.38 1.38 0 0 1-1.38 1.37H31.14a1.38 1.38 0 0 1-1.38-1.37V37.06a1.37 1.37 0 0 1 1.38-1.37H41.7a1.37 1.37 0 0 1 1.38 1.37z"
    />
    <path
        d="M43.08 37.06v35.88a1.38 1.38 0 0 1-1.38 1.37h-1.64V35.69h1.64a1.37 1.37 0 0 1 1.38 1.37z"
        opacity=".1"
    />
    <path
        fill="#fdcd56"
        d="M61.66 49.87v23.07a1.38 1.38 0 0 1-1.38 1.37H49.72a1.37 1.37 0 0 1-1.37-1.37V49.87a1.37 1.37 0 0 1 1.37-1.37h10.56a1.37 1.37 0 0 1 1.38 1.37z"
    />
    <path
        d="M61.66 49.87v23.07a1.38 1.38 0 0 1-1.38 1.37h-1.64V48.5h1.64a1.37 1.37 0 0 1 1.38 1.37z"
        opacity=".1"
    />
    <path
        fill="#46ceac"
        d="M80.24 41.06v31.88a1.38 1.38 0 0 1-1.38 1.37H68.3a1.37 1.37 0 0 1-1.37-1.37V41.06a1.37 1.37 0 0 1 1.37-1.37h10.56a1.37 1.37 0 0 1 1.38 1.37z"
    />
    <path
        d="M80.24 41.06v31.88a1.38 1.38 0 0 1-1.38 1.37h-1.64V39.69h1.64a1.37 1.37 0 0 1 1.38 1.37z"
        opacity=".1"
    />
</svg>