The Standard Icon Set

Design

Filters icon

Three overlapping circles arranged in a triangle. Use for color filters, effects, or blending.

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="M11.25 5.75C11.25 6.612 10.908 7.439 10.298 8.048C9.689 8.658 8.862 9 8 9C7.138 9 6.311 8.658 5.702 8.048C5.092 7.439 4.75 6.612 4.75 5.75C4.75 4.888 5.092 4.061 5.702 3.452C6.311 2.842 7.138 2.5 8 2.5C8.862 2.5 9.689 2.842 10.298 3.452C10.908 4.061 11.25 4.888 11.25 5.75Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M9 9.75C9 10.612 8.658 11.439 8.048 12.048C7.439 12.658 6.612 13 5.75 13C4.888 13 4.061 12.658 3.452 12.048C2.842 11.439 2.5 10.612 2.5 9.75C2.5 8.888 2.842 8.061 3.452 7.452C4.061 6.842 4.888 6.5 5.75 6.5C6.612 6.5 7.439 6.842 8.048 7.452C8.658 8.061 9 8.888 9 9.75Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M13.5 9.75C13.5 10.612 13.158 11.439 12.548 12.048C11.939 12.658 11.112 13 10.25 13C9.388 13 8.561 12.658 7.952 12.048C7.342 11.439 7 10.612 7 9.75C7 8.888 7.342 8.061 7.952 7.452C8.561 6.842 9.388 6.5 10.25 6.5C11.112 6.5 11.939 6.842 12.548 7.452C13.158 8.061 13.5 8.888 13.5 9.75Z" 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