page facing up emoji
page-facing-up from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- page-facing-up
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the page facing up emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d9e3e8" d="M0 0c17.3 17 6.7 47 24 64c12.7-8.4 27.3-16.6 40-25c-7.7-7.5-8.3-18.4-10-28c-7.9-3-16.6-7-29-11z"/><path fill="#7d8b91" d="M13 9c.4.8.8 1.6 1.1 2.5l16.2-3c-.3-.7-.6-1.4-1-2.2C24 7.3 18.5 8.1 13 9m3.4 9.8l15.9-3.9c-.2-.8-.3-1.6-.6-2.3c-5.3 1.2-10.7 2.4-16 3.6c.3.8.5 1.7.7 2.6m1.2 7.7c10.5-3.3 21.1-6.6 31.6-9.8c-.1-.7-.2-1.4-.3-2c-10.6 3-21.1 6.1-31.7 9.1c.2.8.3 1.7.4 2.7"/><path fill="#333" d="M25 0c4.9 4.8 2.9 17.9 4 24c7-1.9 18-11.1 25-13c-7.9-3-16.6-7-29-11" opacity=".5"/><path fill="#7d8b91" d="M22.1 51.3c.4.8.7 1.7 1.2 2.5c5-2.8 10-5.7 15-8.5c-.4-.7-.7-1.4-1-2.2c-5.1 2.8-10.1 5.5-15.2 8.2"/><path fill="#d9e3e8" d="M25 0c4.9 4.8 6.6 10.6 7.7 16.7c7-1.9 14.3-3.8 21.3-5.7c-7.9-3-16.6-7-29-11"/></svg>
React
import type { SVGProps } from "react";
export function EmojionePageFacingUp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d9e3e8" d="M0 0c17.3 17 6.7 47 24 64c12.7-8.4 27.3-16.6 40-25c-7.7-7.5-8.3-18.4-10-28c-7.9-3-16.6-7-29-11z"/><path fill="#7d8b91" d="M13 9c.4.8.8 1.6 1.1 2.5l16.2-3c-.3-.7-.6-1.4-1-2.2C24 7.3 18.5 8.1 13 9m3.4 9.8l15.9-3.9c-.2-.8-.3-1.6-.6-2.3c-5.3 1.2-10.7 2.4-16 3.6c.3.8.5 1.7.7 2.6m1.2 7.7c10.5-3.3 21.1-6.6 31.6-9.8c-.1-.7-.2-1.4-.3-2c-10.6 3-21.1 6.1-31.7 9.1c.2.8.3 1.7.4 2.7"/><path fill="#333" d="M25 0c4.9 4.8 2.9 17.9 4 24c7-1.9 18-11.1 25-13c-7.9-3-16.6-7-29-11" opacity=".5"/><path fill="#7d8b91" d="M22.1 51.3c.4.8.7 1.7 1.2 2.5c5-2.8 10-5.7 15-8.5c-.4-.7-.7-1.4-1-2.2c-5.1 2.8-10.1 5.5-15.2 8.2"/><path fill="#d9e3e8" d="M25 0c4.9 4.8 6.6 10.6 7.7 16.7c7-1.9 14.3-3.8 21.3-5.7c-7.9-3-16.6-7-29-11"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d9e3e8" d="M0 0c17.3 17 6.7 47 24 64c12.7-8.4 27.3-16.6 40-25c-7.7-7.5-8.3-18.4-10-28c-7.9-3-16.6-7-29-11z"/><path fill="#7d8b91" d="M13 9c.4.8.8 1.6 1.1 2.5l16.2-3c-.3-.7-.6-1.4-1-2.2C24 7.3 18.5 8.1 13 9m3.4 9.8l15.9-3.9c-.2-.8-.3-1.6-.6-2.3c-5.3 1.2-10.7 2.4-16 3.6c.3.8.5 1.7.7 2.6m1.2 7.7c10.5-3.3 21.1-6.6 31.6-9.8c-.1-.7-.2-1.4-.3-2c-10.6 3-21.1 6.1-31.7 9.1c.2.8.3 1.7.4 2.7"/><path fill="#333" d="M25 0c4.9 4.8 2.9 17.9 4 24c7-1.9 18-11.1 25-13c-7.9-3-16.6-7-29-11" opacity=".5"/><path fill="#7d8b91" d="M22.1 51.3c.4.8.7 1.7 1.2 2.5c5-2.8 10-5.7 15-8.5c-.4-.7-.7-1.4-1-2.2c-5.1 2.8-10.1 5.5-15.2 8.2"/><path fill="#d9e3e8" d="M25 0c4.9 4.8 6.6 10.6 7.7 16.7c7-1.9 14.3-3.8 21.3-5.7c-7.9-3-16.6-7-29-11"/></svg> </template>
CSS
.icon-page-facing-up {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M0%200c17.3%2017%206.7%2047%2024%2064c12.7-8.4%2027.3-16.6%2040-25c-7.7-7.5-8.3-18.4-10-28c-7.9-3-16.6-7-29-11z%22%2F%3E%3Cpath%20fill%3D%22%237d8b91%22%20d%3D%22M13%209c.4.8.8%201.6%201.1%202.5l16.2-3c-.3-.7-.6-1.4-1-2.2C24%207.3%2018.5%208.1%2013%209m3.4%209.8l15.9-3.9c-.2-.8-.3-1.6-.6-2.3c-5.3%201.2-10.7%202.4-16%203.6c.3.8.5%201.7.7%202.6m1.2%207.7c10.5-3.3%2021.1-6.6%2031.6-9.8c-.1-.7-.2-1.4-.3-2c-10.6%203-21.1%206.1-31.7%209.1c.2.8.3%201.7.4%202.7%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M25%200c4.9%204.8%202.9%2017.9%204%2024c7-1.9%2018-11.1%2025-13c-7.9-3-16.6-7-29-11%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22%237d8b91%22%20d%3D%22M22.1%2051.3c.4.8.7%201.7%201.2%202.5c5-2.8%2010-5.7%2015-8.5c-.4-.7-.7-1.4-1-2.2c-5.1%202.8-10.1%205.5-15.2%208.2%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M25%200c4.9%204.8%206.6%2010.6%207.7%2016.7c7-1.9%2014.3-3.8%2021.3-5.7c-7.9-3-16.6-7-29-11%22%2F%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M0%200c17.3%2017%206.7%2047%2024%2064c12.7-8.4%2027.3-16.6%2040-25c-7.7-7.5-8.3-18.4-10-28c-7.9-3-16.6-7-29-11z%22%2F%3E%3Cpath%20fill%3D%22%237d8b91%22%20d%3D%22M13%209c.4.8.8%201.6%201.1%202.5l16.2-3c-.3-.7-.6-1.4-1-2.2C24%207.3%2018.5%208.1%2013%209m3.4%209.8l15.9-3.9c-.2-.8-.3-1.6-.6-2.3c-5.3%201.2-10.7%202.4-16%203.6c.3.8.5%201.7.7%202.6m1.2%207.7c10.5-3.3%2021.1-6.6%2031.6-9.8c-.1-.7-.2-1.4-.3-2c-10.6%203-21.1%206.1-31.7%209.1c.2.8.3%201.7.4%202.7%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M25%200c4.9%204.8%202.9%2017.9%204%2024c7-1.9%2018-11.1%2025-13c-7.9-3-16.6-7-29-11%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22%237d8b91%22%20d%3D%22M22.1%2051.3c.4.8.7%201.7%201.2%202.5c5-2.8%2010-5.7%2015-8.5c-.4-.7-.7-1.4-1-2.2c-5.1%202.8-10.1%205.5-15.2%208.2%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M25%200c4.9%204.8%206.6%2010.6%207.7%2016.7c7-1.9%2014.3-3.8%2021.3-5.7c-7.9-3-16.6-7-29-11%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/page-facing-up.svg?color=%231a73e8&size=48
