page control

Material Symbols icon · page-control

License: Apache 2.0
Author: Google
Grid: 24×24

Check the license before commercial use. Some sets ask you to credit the author.

Use this icon in your code

Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.

Smallest install: just this one library.

terminal

npm install @rdicons/react-material-symbols

your code

import { PageControl } from '@rdicons/react-material-symbols'

export function Example() {
  return <PageControl />
}

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#000000" d="M2.588 13.413Q2 12.825 2 12t.588-1.412T4 10t1.413.588T6 12t-.587 1.413T4 14t-1.412-.587m1.874-.95q.188-.188.188-.463t-.187-.462T4 11.35t-.462.188T3.35 12t.188.463t.462.187t.463-.187m3.475.95Q7.35 12.825 7.35 12t.588-1.412T9.35 10t1.413.588T11.35 12t-.587 1.413T9.35 14t-1.412-.587m1.875-.95Q10 12.275 10 12t-.187-.462t-.463-.188t-.462.188T8.7 12t.188.463t.462.187t.463-.187m3.424.95q-.587-.588-.587-1.413t.588-1.412T14.65 10t1.413.588T16.65 12t-.587 1.413T14.65 14t-1.412-.587m1.875-.95q.187-.188.187-.463t-.187-.462t-.463-.188t-.462.188T14 12t.188.463t.462.187t.463-.187m3.475.95Q18 12.825 18 12t.588-1.412T20 10t1.413.588T22 12t-.587 1.413T20 14t-1.412-.587"/></svg>

page control

Use this icon in your code

SVG code

More from Material Symbols