Pager icon

fxemoji:pager

The Pager icon (fxemoji:pager) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#8E9DA5" 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="#464A4C" 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="#AEFFEF" 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="#8E9DA5" 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="#FF473E"/><circle cx="376.288" cy="394.269" r="23.965" fill="#00D1AE"/><path fill="#00B89C" 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>

How to use the Pager icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:pager" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:pager" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:pager" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--pager]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:pager"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:pager"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/pager.svg" alt="Pager icon" width="24" height="24">

Pager icon in other icon sets

Pager icon FAQ

Is the Pager icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Pager icon in React?

Install @iconify/react and render <Icon icon="fxemoji:pager" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Pager icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/pager.svg" alt="Pager icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →