Color Picker

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="179.742"
        x2="179.742"
        y1="240.053"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc8d1" />
        <stop offset="1" stop-color="#fff6f7" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="301.806"
        x2="301.806"
        y1="512"
        y2="22.066"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fd3a84" />
        <stop offset="1" stop-color="#ffa68d" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M8.719 32.511C26.668 1.422 66.422-9.23 97.511 8.719l73.612 42.5-65 112.583-73.612-42.5C1.422 103.353-9.23 63.6 8.719 32.511zm229.473 207.542 121.291-80.083-127.739-73.75-65 112.583z"
    />
    <path
        fill="url(#b)"
        d="M512 467c0 24.813-20.187 45-45 45s-45-20.187-45-45c0-6.178 1.765-17.434 17.025-43.74 7.708-13.287 15.312-24.321 15.633-24.785 5.963-8.633 18.72-8.633 24.684 0 .32.464 7.925 11.498 15.633 24.785C510.235 449.566 512 460.822 512 467zm-22.457-197.3-20.6-11.894a102.426 102.426 0 0 0-47.723-62.194l-61.736-35.643-121.291 80.084 118.027 68.143a102.424 102.424 0 0 0 77.723 10.232l20.6 11.894c16.74 9.665 38.146 3.929 47.811-12.811s3.929-38.146-12.811-47.811zm-390.43-63.757 34.641 20c7.174 4.142 16.348 1.684 20.49-5.49l90-155.885c4.142-7.174 1.684-16.348-5.49-20.49l-34.641-20c-7.174-4.142-16.348-1.684-20.49 5.49l-90 155.885c-4.142 7.175-1.684 16.348 5.49 20.49z"
    />
</svg>