Home/Libraries/Firefox OS Emoji (Iconify)/pager

Firefox OS Emoji (Iconify)

Pager

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" d="M136.672 149.917H67.895c-8.26 0-14.956-6.696-14.956-14.956V66.184c0-8.26 6.696-14.956 14.956-14.956h68.777c8.26 0 14.956 6.696 14.956 14.956v68.777c0 8.26-6.696 14.956-14.956 14.956"/><path fill="#818cf8" d="M463.942 454.768H45.436c-23.76 0-43.2-19.44-43.2-43.2V119.601c0-23.76 19.44-43.2 43.2-43.2h418.506c23.76 0 43.2 19.44 43.2 43.2v291.966c0 23.761-19.44 43.201-43.2 43.201"/><path fill="#818cf8" d="M443.882 335.09H65.497c-15.825 0-28.773-12.948-28.773-28.773V145.522c0-15.825 12.948-28.773 28.773-28.773h378.385c15.825 0 28.773 12.948 28.773 28.773v160.795c0 15.825-12.948 28.773-28.773 28.773"/><path fill="#818cf8" d="M146.209 418.932h-87.85c-11.899 0-21.635-9.736-21.635-21.635s9.736-21.635 21.635-21.635h87.85c11.899 0 21.635 9.736 21.635 21.635c-.001 11.899-9.736 21.635-21.635 21.635"/><circle cx="448.691" cy="394.269" r="23.965" fill="#818cf8"/><circle cx="376.288" cy="394.269" r="23.965" fill="#818cf8"/><path fill="#818cf8" d="M106.008 251.877h-9.023a3.293 3.293 0 0 1-3.293-3.293v-36.572c0-2.573-2.819-4.152-5.013-2.808l-5.08 3.113a3.293 3.293 0 0 1-4.471-.998l-3.311-5.031a3.293 3.293 0 0 1 1.051-4.631l17.394-10.481a3.3 3.3 0 0 1 1.7-.472h10.047a3.293 3.293 0 0 1 3.293 3.293v54.587a3.294 3.294 0 0 1-3.294 3.293m58.057-44.841c0 7.857-2.932 14.039-16.718 26.958c-2.181 2.044-.747 5.704 2.242 5.704h12.04c2.001 0 3.54 1.77 3.261 3.752l-.787 5.594a3.29 3.29 0 0 1-3.261 2.834h-34.717a3.293 3.293 0 0 1-3.293-3.293v-6.502c0-.891.367-1.749 1.006-2.369c19.357-18.788 23.806-24.222 23.806-30.964c0-4.511-2.707-7.218-7.128-7.218c-3.391 0-6.032 1.269-8.661 3.946c-1.199 1.221-3.115 1.369-4.448.295l-4.205-3.389c-1.493-1.203-1.66-3.436-.338-4.825c4.745-4.985 11.201-8.208 19.366-8.208c14.346 0 21.835 8.211 21.835 17.685m51.155-2.166c0 4.84-1.853 8.637-5.307 11.341c-1.858 1.454-1.774 4.339.29 5.481c4.14 2.292 7.002 6.455 7.002 13.042c0 10.105-8.21 18.767-24.09 18.767c-8.353 0-14.754-2.669-19.422-7.066c-1.357-1.278-1.343-3.446-.004-4.743l4.031-3.905c1.236-1.198 3.173-1.219 4.474-.092c3.008 2.604 6.13 3.716 9.838 3.716c5.053 0 8.752-2.797 8.752-7.939c0-5.685-3.158-8.121-9.384-8.121h-1.346a3.292 3.292 0 0 1-3.248-3.834l.707-4.241a3.29 3.29 0 0 1 3.248-2.752h.819c5.233 0 8.12-2.707 8.12-7.038c0-4.15-2.978-6.406-7.489-6.406c-3.493 0-6.648 1.183-9.51 3.326a3.29 3.29 0 0 1-4.366-.363l-3.425-3.62a3.304 3.304 0 0 1 .385-4.885c5.263-4.052 11.552-6.188 18.811-6.188c13.716.001 21.114 6.768 21.114 15.52m40.492-7.713l-10.928 25.594c-.928 2.172.666 4.586 3.028 4.586h1.504a3.294 3.294 0 0 0 3.266-2.869l1.059-8.157a3.29 3.29 0 0 1 3.266-2.869h7.618a3.293 3.293 0 0 1 3.293 3.293v7.309a3.293 3.293 0 0 0 3.293 3.293a3.293 3.293 0 0 1 3.293 3.293v5.324a3.293 3.293 0 0 1-3.293 3.293a3.293 3.293 0 0 0-3.293 3.293v6.045a3.293 3.293 0 0 1-3.293 3.293h-9.128a3.29 3.29 0 0 1-3.293-3.261c-.017-2.04-.044-4.07-.061-6.11a3.29 3.29 0 0 0-3.293-3.261h-19.143a3.293 3.293 0 0 1-3.293-3.293v-6.586c0-.447.091-.889.267-1.3l15.559-36.223a3.293 3.293 0 0 1 4.146-1.797l7.517 2.72a3.293 3.293 0 0 1 1.909 4.39m63.945 4.916H304.13a3.293 3.293 0 0 0-3.293 3.293v3.386c0 2.141 2.008 3.689 4.09 3.188a20 20 0 0 1 4.662-.575c10.015 0 17.685 7.308 17.685 20.12c0 13.173-9.745 22.015-24.902 22.015c-8.199 0-14.227-2.875-18.673-7.119c-1.362-1.3-1.302-3.498.085-4.773l4.074-3.745c1.242-1.142 3.177-1.194 4.409-.042c2.549 2.383 5.633 3.77 9.383 3.77c5.774 0 9.203-3.429 9.203-9.925c0-7.038-3.158-9.474-7.85-9.474c-2.039 0-3.856.442-6.185 1.726a3.4 3.4 0 0 1-1.643.44h-6.474a3.293 3.293 0 0 1-3.293-3.293v-27.068a3.293 3.293 0 0 1 3.293-3.293h31.677a3.293 3.293 0 0 1 3.256 3.784l-.721 4.783a3.29 3.29 0 0 1-3.256 2.802m57.806-5.747l-2.422 3.974a3.276 3.276 0 0 1-4.039 1.337c-1.685-.696-3.49-1.098-5.657-1.098c-4.039 0-7.257 2.19-9.268 6.492c-1.241 2.656 1.285 5.581 4.031 4.557c2.079-.775 4.233-1.125 6.409-1.125c10.285 0 17.684 7.489 17.684 20.481c0 12.18-8.391 22.556-22.917 22.556c-16.691 0-24.09-11.729-24.09-29.414c0-20.842 10.556-34.736 27.789-34.736c4.272 0 7.987.882 11.012 2.247a3.303 3.303 0 0 1 1.468 4.729m-16.089 45.897c4.692 0 6.768-4.421 6.768-11.098c0-7.398-2.075-9.834-6.496-9.834c-2.115 0-4.356.885-6.405 2.602c-.76.637-1.173 1.604-1.154 2.595c.222 11.5 2.094 15.735 7.287 15.735m68.663-40.159l-20.911 48.651a3.294 3.294 0 0 1-4.073 1.822l-8.236-2.763a3.293 3.293 0 0 1-1.969-4.443l16.653-38.012c.953-2.176-.641-4.614-3.016-4.614h-15.669a3.293 3.293 0 0 1-3.293-3.293v-5.414a3.293 3.293 0 0 1 3.293-3.293h34.195a3.293 3.293 0 0 1 3.293 3.293v6.766c.001.447-.09.889-.267 1.3"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PagerIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.