The Standard Icon Set

Design

Opacity icon

A circle split along a diagonal, one half solid and the other half empty. Use for opacity, transparency, or contrast.

Also searched as transparency, alpha.

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.169 8C14.169 8.81 14.01 9.613 13.7 10.361C13.39 11.11 12.935 11.79 12.362 12.363C11.789 12.936 11.109 13.39 10.361 13.7C9.612 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.388 2.3 5.639C2.61 4.89 3.064 4.21 3.637 3.637C4.21 3.065 4.89 2.61 5.639 2.3C6.387 1.99 7.19 1.83 8 1.83C8.81 1.83 9.612 1.99 10.361 2.3C11.109 2.61 11.789 3.065 12.362 3.637C12.935 4.21 13.39 4.89 13.7 5.639C14.01 6.388 14.169 7.19 14.169 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M12.362 3.637C14.772 6.047 14.772 9.953 12.362 12.363C9.953 14.772 6.046 14.772 3.637 12.363L12.362 3.637Z" fill="currentColor"/></svg>

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

Related15