Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        d="M256,0C114.833,0,0,114.844,0,256s114.833,256,256,256s256-114.844,256-256S397.167,0,256,0z"
        fill="#303C42"
    />
    <path
        d="M256,490.667C126.604,490.667,21.333,385.396,21.333,256S126.604,21.333,256,21.333 S490.667,126.604,490.667,256S385.396,490.667,256,490.667z"
        fill="#15BEF0"
    />
    <path
        d="M374.688,157.344c-4.75,0-9.5,1.125-13.792,3.292l-38.417,19.677l-2.458-1.51L320,138.656 C320,115.135,300.854,96,277.333,96h-3.125l-7.958-4.927c-7.604-5.063-15.833-5.74-22.875-5.74c-7.875,0-15.792,2.51-22.625,7.083 l-55.667,34.677c-9.854,6.563-15.75,17.573-15.75,29.438V224c0,41.167,33.5,74.667,74.667,74.667h51 c20.063,0,39.563-8.24,53.521-22.615l73.792-75.906c1.938-1.99,3.021-4.656,3.021-7.438v-4.719 C405.333,171.094,391.583,157.344,374.688,157.344z"
        fill="#303C42"
    />
    <path
        d="M313.229,261.188c-9.979,10.26-23.917,16.146-38.229,16.146h-51 c-29.417,0-53.333-23.927-53.333-53.333v-67.469c0-4.708,2.333-9.073,5.979-11.5l55.667-34.698 c3.563-2.365,7.479-3.667,11.063-3.667c5.542,0,8.75,0.625,11.333,2.344l10.833,6.719c1.688,1.052,3.646,1.604,5.625,1.604h6.167 c11.771,0,21.333,9.563,21.333,21.333l0.021,40.146c0,8.083,4.125,15.417,11.021,19.635c6.896,4.208,15.333,4.51,22.479,0.844 l38.354-19.635c5.771-2.938,13.458,1.76,13.458,8.333L313.229,261.188z"
        fill="#FFFFFF"
    />
    <path
        d="M380.318,181.132l-67.089,69.389c-9.979,10.26-23.917,16.146-38.229,16.146 h-51c-29.417,0-53.333-23.927-53.333-53.333V224c0,29.406,23.917,53.333,53.333,53.333h51c14.313,0,28.25-5.885,38.229-16.146 L384,187.99C384,185.146,382.417,182.806,380.318,181.132z"
        opacity="0.1"
    />
    <path
        d="M288,320H181.333c-17.646,0-32,14.354-32,32v42.667c0,17.646,14.354,32,32,32H288 c17.646,0,32-14.354,32-32V352C320,334.354,305.646,320,288,320z"
        fill="#303C42"
    />
    <path
        d="M298.667,394.667c0,5.885-4.792,10.667-10.667,10.667H181.333c-5.875,0-10.667-4.781-10.667-10.667 V352c0-5.885,4.792-10.667,10.667-10.667H288c5.875,0,10.667,4.781,10.667,10.667V394.667z"
        fill="#0288D1"
    />
    <path
        d="M288,341.333v32c0,11.781-9.551,21.333-21.333,21.333h-96 c0,5.885,4.792,10.667,10.667,10.667H288c5.875,0,10.667-4.781,10.667-10.667V352C298.667,346.115,293.875,341.333,288,341.333z"
        opacity="0.1"
    />
    <path
        d="M42.667,277.333c0-129.396,105.271-234.667,234.667-234.667 c59.277,0,113.332,22.267,154.682,58.651C388.978,52.406,326.118,21.333,256,21.333C126.604,21.333,21.333,126.604,21.333,256 c0,70.118,31.073,132.978,79.984,176.016C64.934,390.665,42.667,336.611,42.667,277.333z"
        opacity="0.2"
        fill="#FFFFFF"
    />
    <linearGradient
        id="SVGID_1_"
        gradientUnits="userSpaceOnUse"
        x1="-45.5785"
        y1="639.5551"
        x2="-23.8277"
        y2="629.4137"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.3334 13791.667)"
    >
        <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.2" />
        <stop offset="1" stop-color="#FFFFFF" stop-opacity="0" />
    </linearGradient>
    <path
        d="M256,0C114.833,0,0,114.844,0,256s114.833,256,256,256s256-114.844,256-256S397.167,0,256,0z"
        fill="url(#SVGID_1_)"
    />
</svg>