Color Picker

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="b"
        x1="375.413"
        x2="101.283"
        y1="512.832"
        y2="38.025"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".001" stop-color="#ebf2ff" />
        <stop offset="1" stop-color="#c8d6e8" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#0062ff" />
        <stop offset=".36" stop-color="#005cef" />
        <stop offset="1" stop-color="#004ec9" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="198.758"
        x2="242.473"
        y1="401.871"
        y2="401.871"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="219.886"
        x2="430.417"
        y1="296.825"
        y2="296.825"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="273.794"
        x2="429.917"
        y1="241.358"
        y2="241.358"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00cfff" />
        <stop offset=".191" stop-color="#1bd4ff" />
        <stop offset=".6" stop-color="#61e2ff" />
        <stop offset="1" stop-color="#aaf1ff" />
    </linearGradient>
    <path
        fill="#e84d00"
        d="m125.5 22.3-105.1 105c-13 13-20.3 30.6-20.3 49v1.8c0-26.2 21.3-47.4 47.5-47.4h81.3V49.5c0-26.2 21.3-47.4 47.5-47.4h-1.8c-18.4-.1-36.1 7.2-49.1 20.2z"
    />
    <path
        fill="#ebf2ff"
        d="M.1 176.3v1.8c0-26.2 21.3-47.4 47.5-47.4h81.3V49.5c0-26.2 21.3-47.4 47.5-47.4h198.2v511.3H.1z"
    />
    <path
        fill="url(#b)"
        d="M.1 176.3v1.8c0-26.2 21.3-47.4 47.5-47.4h81.3V49.5c0-26.2 21.3-47.4 47.5-47.4l198.2 194.1v317.2L.1 178.1z"
    />
    <path
        fill="#9ba1aa"
        d="m225 380-22.6 22.6c-4.8 4.8-4.8 12.6 0 17.5 4.8 4.8 12.6 4.8 17.5 0l22.6-22.6c-3.6-1.9-7-4.3-10.1-7.4-3.1-3-5.5-6.5-7.4-10.1z"
    />
    <path
        fill="url(#c)"
        d="m225 380-22.6 22.6c-4.8 4.8-4.8 12.6 0 17.5 4.8 4.8 12.6 4.8 17.5 0l22.6-22.6c-3.6-1.9-7-4.3-10.1-7.4-3.1-3-5.5-6.5-7.4-10.1z"
    />
    <path
        fill="#282d35"
        d="M503.8 160.6c11.1-12 10.9-30.7-.8-42.3-11.6-11.6-30.4-11.9-42.3-.8l-44.9 44.9 43.2 43.2z"
    />
    <path
        fill="url(#d)"
        d="M231.8 332.3c-12.9 12.9-15.4 32.3-7.4 47.7 1.9 3.6 4.3 7 7.4 10.1 3 3 6.5 5.5 10.1 7.4 15.4 8 34.8 5.5 47.7-7.4l140.8-140.7-57.7-57.9-102.9 102.9z"
    />
    <path
        fill="#373e49"
        d="M398.3 144.2c-7.7-7.7-20.2-7.7-27.9 0l-9.2 9.2c-7.7 7.7-7.7 20.2 0 27.9l79.4 79.4c7.7 7.7 20.2 7.7 27.9 0l9.2-9.2c7.7-7.7 7.7-20.2 0-27.9l-18.1-18.1-43.2-43.2z"
    />
    <path fill="url(#e)" d="M273.8 290.4h115.6l40.5-40.4-58.1-57.6z" />
</svg>