Skip to main content

Color picker

Examples

Heading
Smaller heading

Inline text

Inline font

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="wiw-icon wiw-color-picker"></i>

Code point

  • Unicode: U+F12B
  • CSS: \F12B
  • JS: \uF12B
  • HTML: &#xF12B;

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="wiw-icon wiw-color-picker" viewBox="0 0 24 24">
  <path fill-rule="evenodd" d="M19.586 12 12 4.414l-.783.783L13.4 9.56c.633.174 1.101.75 1.101 1.439a1.5 1.5 0 0 1-3 0c0-.194.04-.38.107-.55l-1.88-3.762L2.414 14h15.172l2-2ZM7.477 6.109l1.306-1.306-.753-1.507a.816.816 0 0 0-.526-.428A.822.822 0 0 0 6.54 4l.938 2.109Zm14.23 6.598-11 11a.997.997 0 0 1-1.414 0l-9-9a.999.999 0 0 1 0-1.414l5.668-5.668-1.25-2.812a2.82 2.82 0 0 1 1.015-3.5A2.827 2.827 0 0 1 9.82 2.4l.455.912 1.02-1.02a.999.999 0 0 1 1.413 0l9 9a.999.999 0 0 1 0 1.415ZM24 21c0 1.667-1.343 3-3 3s-3-1.333-3-3c0-1.563 1.834-3.74 2.634-4.613a.496.496 0 0 1 .732 0C22.166 17.26 24 19.437 24 21Z"/>
</svg>