The Standard Icon Set

Design

Hue icon

A circle with a small ring at the center and six spokes reaching out to the edge. Use for hue, color wheels, or color adjustments.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.17 8C14.17 8.81 14.01 9.613 13.7 10.361C13.39 11.11 12.936 11.79 12.363 12.363C11.79 12.936 11.11 13.39 10.361 13.7C9.613 14.01 8.81 14.17 8 14.17C7.19 14.17 6.387 14.01 5.639 13.7C4.89 13.39 4.21 12.936 3.637 12.363C3.064 11.79 2.61 11.11 2.3 10.361C1.99 9.613 1.83 8.81 1.83 8C1.83 7.19 1.99 6.387 2.3 5.639C2.61 4.89 3.064 4.21 3.637 3.637C4.21 3.064 4.89 2.61 5.639 2.3C6.387 1.99 7.19 1.83 8 1.83C8.81 1.83 9.613 1.99 10.361 2.3C11.11 2.61 11.79 3.064 12.363 3.637C12.936 4.21 13.39 4.89 13.7 5.639C14.01 6.387 14.17 7.19 14.17 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M10.204 8C10.204 8.584 9.972 9.145 9.559 9.558C9.145 9.971 8.585 10.204 8 10.204C7.416 10.204 6.856 9.971 6.442 9.558C6.029 9.145 5.797 8.584 5.797 8C5.797 7.416 6.029 6.855 6.442 6.442C6.856 6.029 7.416 5.796 8 5.796C8.585 5.796 9.145 6.029 9.559 6.442C9.972 6.855 10.204 7.416 10.204 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 1.83V5.796M13.344 4.915L9.928 6.898M13.344 11.085L9.928 9.102M8 14.17V10.204M2.656 11.085L6.072 9.102M2.656 4.915L6.072 6.898" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.

Related15