The Standard Icon Set

Controls

Pagination icon

Three small circles in a row, the middle one filled and the outer two open. Use for page indicators, carousels, or steps.

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="M5 8C5 8.331 4.868 8.649 4.634 8.884C4.399 9.118 4.081 9.25 3.75 9.25C3.419 9.25 3.101 9.118 2.866 8.884C2.632 8.649 2.5 8.331 2.5 8C2.5 7.669 2.632 7.351 2.866 7.116C3.101 6.882 3.419 6.75 3.75 6.75C4.081 6.75 4.399 6.882 4.634 7.116C4.868 7.351 5 7.669 5 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><circle cx="8" cy="8" r="1.5" fill="currentColor"/><path d="M13.5 8C13.5 8.331 13.368 8.649 13.134 8.884C12.899 9.118 12.581 9.25 12.25 9.25C11.919 9.25 11.601 9.118 11.366 8.884C11.132 8.649 11 8.331 11 8C11 7.669 11.132 7.351 11.366 7.116C11.601 6.882 11.919 6.75 12.25 6.75C12.581 6.75 12.899 6.882 13.134 7.116C13.368 7.351 13.5 7.669 13.5 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