pager emoji
pager from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- pager
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the pager emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#636363" d="M27 30H5c-1.66 0-3-1.34-3-3V12c0-1.66 1.34-3 3-3h22c1.66 0 3 1.34 3 3v15c0 1.66-1.34 3-3 3"/><path fill="#00d26a" d="M5 22.5c-.55 0-1-.45-1-1V12c0-.55.45-1 1-1h22c.55 0 1 .45 1 1v9.5c0 .55-.45 1-1 1z"/><path fill="#9b9b9b" d="M14.97 28h4.99c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5h-4.99c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5m-9.48 0h4.99c.83 0 1.5-.67 1.51-1.49c0-.83-.67-1.5-1.5-1.5H5.5c-.83 0-1.5.67-1.5 1.5c0 .82.67 1.49 1.49 1.49"/><path fill="#ca0b4a" d="M26.49 28h-2.04c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5h2.04c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5"/><path fill="#008463" d="M8.51 15.25c0 .55.45 1 1 1c.56 0 1-.45 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm0 3.99c0 .55.45 1 1 1c.56 0 1-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm5-2.99c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c-.01.55-.45 1-1 1m-1 2.99c0 .55.45 1 1 1s.99-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm5.98-2.99c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.44 1-1 1m-1 2.99c0 .55.45 1 1 1c.56 0 1-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm5-2.99c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c-.01.55-.45 1-1 1m-1 2.99c0 .55.45 1 1 1s.99-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatPager(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#636363" d="M27 30H5c-1.66 0-3-1.34-3-3V12c0-1.66 1.34-3 3-3h22c1.66 0 3 1.34 3 3v15c0 1.66-1.34 3-3 3"/><path fill="#00d26a" d="M5 22.5c-.55 0-1-.45-1-1V12c0-.55.45-1 1-1h22c.55 0 1 .45 1 1v9.5c0 .55-.45 1-1 1z"/><path fill="#9b9b9b" d="M14.97 28h4.99c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5h-4.99c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5m-9.48 0h4.99c.83 0 1.5-.67 1.51-1.49c0-.83-.67-1.5-1.5-1.5H5.5c-.83 0-1.5.67-1.5 1.5c0 .82.67 1.49 1.49 1.49"/><path fill="#ca0b4a" d="M26.49 28h-2.04c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5h2.04c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5"/><path fill="#008463" d="M8.51 15.25c0 .55.45 1 1 1c.56 0 1-.45 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm0 3.99c0 .55.45 1 1 1c.56 0 1-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm5-2.99c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c-.01.55-.45 1-1 1m-1 2.99c0 .55.45 1 1 1s.99-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm5.98-2.99c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.44 1-1 1m-1 2.99c0 .55.45 1 1 1c.56 0 1-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm5-2.99c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c-.01.55-.45 1-1 1m-1 2.99c0 .55.45 1 1 1s.99-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#636363" d="M27 30H5c-1.66 0-3-1.34-3-3V12c0-1.66 1.34-3 3-3h22c1.66 0 3 1.34 3 3v15c0 1.66-1.34 3-3 3"/><path fill="#00d26a" d="M5 22.5c-.55 0-1-.45-1-1V12c0-.55.45-1 1-1h22c.55 0 1 .45 1 1v9.5c0 .55-.45 1-1 1z"/><path fill="#9b9b9b" d="M14.97 28h4.99c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5h-4.99c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5m-9.48 0h4.99c.83 0 1.5-.67 1.51-1.49c0-.83-.67-1.5-1.5-1.5H5.5c-.83 0-1.5.67-1.5 1.5c0 .82.67 1.49 1.49 1.49"/><path fill="#ca0b4a" d="M26.49 28h-2.04c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5h2.04c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5"/><path fill="#008463" d="M8.51 15.25c0 .55.45 1 1 1c.56 0 1-.45 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm0 3.99c0 .55.45 1 1 1c.56 0 1-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm5-2.99c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c-.01.55-.45 1-1 1m-1 2.99c0 .55.45 1 1 1s.99-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm5.98-2.99c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.44 1-1 1m-1 2.99c0 .55.45 1 1 1c.56 0 1-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm5-2.99c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c-.01.55-.45 1-1 1m-1 2.99c0 .55.45 1 1 1s.99-.44 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1z"/></g></svg> </template>
CSS
.icon-pager {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M27%2030H5c-1.66%200-3-1.34-3-3V12c0-1.66%201.34-3%203-3h22c1.66%200%203%201.34%203%203v15c0%201.66-1.34%203-3%203%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M5%2022.5c-.55%200-1-.45-1-1V12c0-.55.45-1%201-1h22c.55%200%201%20.45%201%201v9.5c0%20.55-.45%201-1%201z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M14.97%2028h4.99c.83%200%201.5-.67%201.5-1.5s-.67-1.5-1.5-1.5h-4.99c-.83%200-1.5.67-1.5%201.5s.67%201.5%201.5%201.5m-9.48%200h4.99c.83%200%201.5-.67%201.51-1.49c0-.83-.67-1.5-1.5-1.5H5.5c-.83%200-1.5.67-1.5%201.5c0%20.82.67%201.49%201.49%201.49%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M26.49%2028h-2.04c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5h2.04c.83%200%201.5.67%201.5%201.5s-.67%201.5-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23008463%22%20d%3D%22M8.51%2015.25c0%20.55.45%201%201%201c.56%200%201-.45%201-1v-1c0-.55-.45-1-1-1s-1%20.45-1%201zm0%203.99c0%20.55.45%201%201%201c.56%200%201-.44%201-1v-1c0-.55-.45-1-1-1s-1%20.45-1%201zm5-2.99c-.55%200-1-.45-1-1v-1c0-.55.45-1%201-1s1%20.45%201%201v1c-.01.55-.45%201-1%201m-1%202.99c0%20.55.45%201%201%201s.99-.44%201-1v-1c0-.55-.45-1-1-1s-1%20.45-1%201zm5.98-2.99c-.55%200-1-.45-1-1v-1c0-.55.45-1%201-1s1%20.45%201%201v1c0%20.55-.44%201-1%201m-1%202.99c0%20.55.45%201%201%201c.56%200%201-.44%201-1v-1c0-.55-.45-1-1-1s-1%20.45-1%201zm5-2.99c-.55%200-1-.45-1-1v-1c0-.55.45-1%201-1s1%20.45%201%201v1c-.01.55-.45%201-1%201m-1%202.99c0%20.55.45%201%201%201s.99-.44%201-1v-1c0-.55-.45-1-1-1s-1%20.45-1%201z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M27%2030H5c-1.66%200-3-1.34-3-3V12c0-1.66%201.34-3%203-3h22c1.66%200%203%201.34%203%203v15c0%201.66-1.34%203-3%203%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M5%2022.5c-.55%200-1-.45-1-1V12c0-.55.45-1%201-1h22c.55%200%201%20.45%201%201v9.5c0%20.55-.45%201-1%201z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M14.97%2028h4.99c.83%200%201.5-.67%201.5-1.5s-.67-1.5-1.5-1.5h-4.99c-.83%200-1.5.67-1.5%201.5s.67%201.5%201.5%201.5m-9.48%200h4.99c.83%200%201.5-.67%201.51-1.49c0-.83-.67-1.5-1.5-1.5H5.5c-.83%200-1.5.67-1.5%201.5c0%20.82.67%201.49%201.49%201.49%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M26.49%2028h-2.04c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5h2.04c.83%200%201.5.67%201.5%201.5s-.67%201.5-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23008463%22%20d%3D%22M8.51%2015.25c0%20.55.45%201%201%201c.56%200%201-.45%201-1v-1c0-.55-.45-1-1-1s-1%20.45-1%201zm0%203.99c0%20.55.45%201%201%201c.56%200%201-.44%201-1v-1c0-.55-.45-1-1-1s-1%20.45-1%201zm5-2.99c-.55%200-1-.45-1-1v-1c0-.55.45-1%201-1s1%20.45%201%201v1c-.01.55-.45%201-1%201m-1%202.99c0%20.55.45%201%201%201s.99-.44%201-1v-1c0-.55-.45-1-1-1s-1%20.45-1%201zm5.98-2.99c-.55%200-1-.45-1-1v-1c0-.55.45-1%201-1s1%20.45%201%201v1c0%20.55-.44%201-1%201m-1%202.99c0%20.55.45%201%201%201c.56%200%201-.44%201-1v-1c0-.55-.45-1-1-1s-1%20.45-1%201zm5-2.99c-.55%200-1-.45-1-1v-1c0-.55.45-1%201-1s1%20.45%201%201v1c-.01.55-.45%201-1%201m-1%202.99c0%20.55.45%201%201%201s.99-.44%201-1v-1c0-.55-.45-1-1-1s-1%20.45-1%201z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/pager.svg?color=%231a73e8&size=48
