The Standard Icon Set

Actions

Focus icon

Four corner brackets framing a small circle in the center. Use for focus, focus mode, or center on a subject.

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="M3 6V4C3 3.735 3.105 3.48 3.293 3.293C3.48 3.105 3.735 3 4 3H6M10 3H12C12.265 3 12.52 3.105 12.707 3.293C12.895 3.48 13 3.735 13 4V6M13 10V12C13 12.265 12.895 12.52 12.707 12.707C12.52 12.895 12.265 13 12 13H10M6 13H4C3.735 13 3.48 12.895 3.293 12.707C3.105 12.52 3 12.265 3 12V10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M10 8C10 8.53 9.789 9.039 9.414 9.414C9.039 9.789 8.53 10 8 10C7.47 10 6.961 9.789 6.586 9.414C6.211 9.039 6 8.53 6 8C6 7.47 6.211 6.961 6.586 6.586C6.961 6.211 7.47 6 8 6C8.53 6 9.039 6.211 9.414 6.586C9.789 6.961 10 7.47 10 8Z" 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