The Standard Icon Set

Weather and Sky

Eclipse icon

A circle with a thickened crescent along its right edge, like a disc partly covered. Use for eclipse, dark mode, or contrast.

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="M8 1.83C9.636 1.83 11.206 2.48 12.363 3.637C13.52 4.794 14.17 6.364 14.17 8C14.17 9.636 13.52 11.206 12.363 12.363C11.206 13.52 9.636 14.17 8 14.17C9.169 14.17 10.29 13.52 11.116 12.363C11.943 11.206 12.407 9.636 12.407 8C12.407 6.364 11.943 4.794 11.116 3.637C10.29 2.48 9.169 1.83 8 1.83Z" fill="currentColor"/></svg>

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

Related15