Color Picker

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="-85.333"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc8d1" />
        <stop offset="1" stop-color="#fff6f7" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="407"
        y2="105"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffa68d" />
        <stop offset="1" stop-color="#fd3a84" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M512 256c0 141.385-114.615 256-256 256S0 397.385 0 256 114.615 0 256 0s256 114.615 256 256z"
    />
    <path
        fill="url(#b)"
        d="m162.777 215.863 53.086-91.948a8.846 8.846 0 0 1 12.086-3.238l15.325 8.848a8.846 8.846 0 0 1 3.238 12.086l-53.086 91.947a8.846 8.846 0 0 1-12.086 3.238l-15.325-8.848a8.847 8.847 0 0 1-3.238-12.085zm230.977 48.218-12.151-7.015a60.419 60.419 0 0 0-28.149-36.685l-27.848-16.078-71.543 47.237 61.051 35.248a60.413 60.413 0 0 0 45.844 6.036l12.151 7.015c9.874 5.701 22.5 2.318 28.201-7.557 5.701-9.874 2.318-22.5-7.556-28.201zM162.516 110.143c-18.338-10.587-41.786-4.304-52.373 14.033-10.587 18.338-4.304 41.786 14.033 52.373l30.649 17.695 38.34-66.406zm145.957 84.268-54.009-31.182-38.34 66.406 20.806 12.012zm88.485 160.246c-4.547-7.837-9.032-14.346-9.221-14.619-3.517-5.092-11.042-5.092-14.559 0-.189.274-4.674 6.782-9.221 14.619-9.001 15.517-10.042 22.156-10.042 25.8 0 14.636 11.907 26.543 26.543 26.543C395.093 407 407 395.093 407 380.457c0-3.644-1.041-10.283-10.042-25.8z"
    />
</svg>