famfamfam-silk-svg/icons/Color wheel.svg

<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_188_3282)">
<g clip-path="url(#paint0_angular_188_3282_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.008 -0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(127, 0, 255, 1) 0deg,rgba(0, 0, 255, 1) 25.2deg,rgba(0, 127, 255, 1) 54deg,rgba(0, 255, 255, 1) 90.1228deg,rgba(0, 255, 127, 1) 124.2deg,rgba(0, 255, 0, 1) 150.923deg,rgba(127, 255, 0, 1) 179.471deg,rgba(255, 255, 12, 1) 210.6deg,rgba(255, 127, 0, 1) 240.044deg,rgba(255, 0, 0, 1) 268.657deg,rgba(255, 0, 127, 1) 296.68deg,rgba(255, 0, 255, 1) 326.947deg,rgba(127, 0, 254, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><circle cx="8" cy="8" r="8" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.49999997019767761,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.070000000298023224},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.50,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15000000596046448},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.25034114718437195},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.34499999880790710},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.41923147439956665},{&#34;color&#34;:{&#34;r&#34;:0.50,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.49852919578552246},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:0.047070313245058060,&#34;a&#34;:1.0},&#34;position&#34;:0.58499997854232788},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.50,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.66678863763809204},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.74626994132995605},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.82411247491836548},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.90818727016448975},{&#34;color&#34;:{&#34;r&#34;:0.49882811307907104,&#34;g&#34;:0.0,&#34;b&#34;:0.99765622615814209,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.49999997019767761,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.070000000298023224},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.50,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15000000596046448},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.25034114718437195},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.34499999880790710},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.41923147439956665},{&#34;color&#34;:{&#34;r&#34;:0.50,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.49852919578552246},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:0.047070313245058060,&#34;a&#34;:1.0},&#34;position&#34;:0.58499997854232788},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.50,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.66678863763809204},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.74626994132995605},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.82411247491836548},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.90818727016448975},{&#34;color&#34;:{&#34;r&#34;:0.49882811307907104,&#34;g&#34;:0.0,&#34;b&#34;:0.99765622615814209,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;transform&#34;:{&#34;m00&#34;:9.7971748206813428e-16,&#34;m01&#34;:-16.0,&#34;m02&#34;:16.0,&#34;m10&#34;:16.0,&#34;m11&#34;:9.7971748206813428e-16,&#34;m12&#34;:-9.7971748206813428e-16},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
<circle cx="8" cy="8" r="8" fill="url(#paint1_radial_188_3282)"/>
<circle cx="8" cy="8" r="7.5" stroke="black" stroke-opacity="0.33"/>
<circle cx="8" cy="8" r="6.5" stroke="white" stroke-opacity="0.5"/>
</g>
<defs>
<clipPath id="paint0_angular_188_3282_clip_path"><circle cx="8" cy="8" r="8"/></clipPath><radialGradient id="paint1_radial_188_3282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(90) scale(8)">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0_188_3282">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>