page with curl emoji

page-with-curl from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.

Name
page-with-curl
Set
Emoji One (Colored)
Style
Default
Category
Objects
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

page-with-curlFluent Emojipage-with-curlFluent Emoji Flatpage-with-curlFluent Emoji High Contrastpage-with-curlNoto Emojipage-with-curlOpenMojipage-with-curlTwitter Emoji

More objects icons from Emoji One (Colored)

alarm-clockalembicamphorabackpackbalance-scaleballot-box-with-ballotbar-chartbarber-polebathtubbatterybedbellhop-bellbikiniblack-nibblue-bookbombbookmarkbookmark-tabsbookscalendarcameracamera-with-flashcandlecard-file-box

Use the page with curl emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d9e3e8" d="M0 8.8c16.3 11.8 10.7 33.9 19.9 49c2.7-1.8 5.3-3.5 8-5.3c1.7 2.7 3.9 5.2 6.8 7.4l23.7-18.3c-3.8-2.8-6-6.3-7.4-10.2C47.2 20.8 49 7.5 38.5 0C25.7 2.9 12.8 5.9 0 8.8"/><path fill="#7d8b91" d="M11 14.1c.5.7 1 1.5 1.4 2.3c9.1-2.8 18.3-5.6 27.4-8.5c-.3-.6-.7-1.2-1.1-1.8c-9.2 2.7-18.4 5.4-27.7 8m4.3 9.1c8.9-3.3 17.9-6.6 26.8-9.9c-.2-.7-.4-1.3-.7-2c-9 3.1-18 6.2-27 9.4c.3.9.6 1.7.9 2.5m1.8 7.4l26.4-11.4c-.1-.7-.3-1.4-.4-2.1c-8.8 3.6-17.7 7.2-26.5 10.9c.1.8.3 1.7.5 2.6"/><path fill="#d9e3e8" d="M16.8 51c1.4 4.2 3.5 8.2 6.7 11.6c1.8 1.9 5.4 1.9 7.4.3c2.1-1.6 2-4.1.3-5.9c-3-3.2-5-6.9-6.3-10.8c-2.7 1.5-5.4 3.2-8.1 4.8"/><path fill="#333" d="M18.9 49c.1 5.4 1.3 10.2 4.6 13.6c1.8 1.9 5.4 1.9 7.4.3c2.1-1.6 2-4.1.3-5.9c-3-3.2 20.3-24.1 18.9-28c-2.6 1.5-21.3 12.9-31.2 20" opacity=".5"/><path fill="#b0bdc6" d="M24.2 43.7c1.3 4.7 3.2 9.1 6.6 12.8c1.8 2 2.2 4.8.1 6.4c10.4-8 20.8-16.1 31.2-24.1c2.1-1.6 2.3-3.9 1-5.4c-2.4-2.6-3.8-5.8-4.7-9.1c-15.9 9-27.2 15.4-34.2 19.4"/></svg>

React

import type { SVGProps } from "react";

export function EmojionePageWithCurl(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 8.8c16.3 11.8 10.7 33.9 19.9 49c2.7-1.8 5.3-3.5 8-5.3c1.7 2.7 3.9 5.2 6.8 7.4l23.7-18.3c-3.8-2.8-6-6.3-7.4-10.2C47.2 20.8 49 7.5 38.5 0C25.7 2.9 12.8 5.9 0 8.8"/><path fill="#7d8b91" d="M11 14.1c.5.7 1 1.5 1.4 2.3c9.1-2.8 18.3-5.6 27.4-8.5c-.3-.6-.7-1.2-1.1-1.8c-9.2 2.7-18.4 5.4-27.7 8m4.3 9.1c8.9-3.3 17.9-6.6 26.8-9.9c-.2-.7-.4-1.3-.7-2c-9 3.1-18 6.2-27 9.4c.3.9.6 1.7.9 2.5m1.8 7.4l26.4-11.4c-.1-.7-.3-1.4-.4-2.1c-8.8 3.6-17.7 7.2-26.5 10.9c.1.8.3 1.7.5 2.6"/><path fill="#d9e3e8" d="M16.8 51c1.4 4.2 3.5 8.2 6.7 11.6c1.8 1.9 5.4 1.9 7.4.3c2.1-1.6 2-4.1.3-5.9c-3-3.2-5-6.9-6.3-10.8c-2.7 1.5-5.4 3.2-8.1 4.8"/><path fill="#333" d="M18.9 49c.1 5.4 1.3 10.2 4.6 13.6c1.8 1.9 5.4 1.9 7.4.3c2.1-1.6 2-4.1.3-5.9c-3-3.2 20.3-24.1 18.9-28c-2.6 1.5-21.3 12.9-31.2 20" opacity=".5"/><path fill="#b0bdc6" d="M24.2 43.7c1.3 4.7 3.2 9.1 6.6 12.8c1.8 2 2.2 4.8.1 6.4c10.4-8 20.8-16.1 31.2-24.1c2.1-1.6 2.3-3.9 1-5.4c-2.4-2.6-3.8-5.8-4.7-9.1c-15.9 9-27.2 15.4-34.2 19.4"/></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 8.8c16.3 11.8 10.7 33.9 19.9 49c2.7-1.8 5.3-3.5 8-5.3c1.7 2.7 3.9 5.2 6.8 7.4l23.7-18.3c-3.8-2.8-6-6.3-7.4-10.2C47.2 20.8 49 7.5 38.5 0C25.7 2.9 12.8 5.9 0 8.8"/><path fill="#7d8b91" d="M11 14.1c.5.7 1 1.5 1.4 2.3c9.1-2.8 18.3-5.6 27.4-8.5c-.3-.6-.7-1.2-1.1-1.8c-9.2 2.7-18.4 5.4-27.7 8m4.3 9.1c8.9-3.3 17.9-6.6 26.8-9.9c-.2-.7-.4-1.3-.7-2c-9 3.1-18 6.2-27 9.4c.3.9.6 1.7.9 2.5m1.8 7.4l26.4-11.4c-.1-.7-.3-1.4-.4-2.1c-8.8 3.6-17.7 7.2-26.5 10.9c.1.8.3 1.7.5 2.6"/><path fill="#d9e3e8" d="M16.8 51c1.4 4.2 3.5 8.2 6.7 11.6c1.8 1.9 5.4 1.9 7.4.3c2.1-1.6 2-4.1.3-5.9c-3-3.2-5-6.9-6.3-10.8c-2.7 1.5-5.4 3.2-8.1 4.8"/><path fill="#333" d="M18.9 49c.1 5.4 1.3 10.2 4.6 13.6c1.8 1.9 5.4 1.9 7.4.3c2.1-1.6 2-4.1.3-5.9c-3-3.2 20.3-24.1 18.9-28c-2.6 1.5-21.3 12.9-31.2 20" opacity=".5"/><path fill="#b0bdc6" d="M24.2 43.7c1.3 4.7 3.2 9.1 6.6 12.8c1.8 2 2.2 4.8.1 6.4c10.4-8 20.8-16.1 31.2-24.1c2.1-1.6 2.3-3.9 1-5.4c-2.4-2.6-3.8-5.8-4.7-9.1c-15.9 9-27.2 15.4-34.2 19.4"/></svg>
</template>

CSS

.icon-page-with-curl {
  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%208.8c16.3%2011.8%2010.7%2033.9%2019.9%2049c2.7-1.8%205.3-3.5%208-5.3c1.7%202.7%203.9%205.2%206.8%207.4l23.7-18.3c-3.8-2.8-6-6.3-7.4-10.2C47.2%2020.8%2049%207.5%2038.5%200C25.7%202.9%2012.8%205.9%200%208.8%22%2F%3E%3Cpath%20fill%3D%22%237d8b91%22%20d%3D%22M11%2014.1c.5.7%201%201.5%201.4%202.3c9.1-2.8%2018.3-5.6%2027.4-8.5c-.3-.6-.7-1.2-1.1-1.8c-9.2%202.7-18.4%205.4-27.7%208m4.3%209.1c8.9-3.3%2017.9-6.6%2026.8-9.9c-.2-.7-.4-1.3-.7-2c-9%203.1-18%206.2-27%209.4c.3.9.6%201.7.9%202.5m1.8%207.4l26.4-11.4c-.1-.7-.3-1.4-.4-2.1c-8.8%203.6-17.7%207.2-26.5%2010.9c.1.8.3%201.7.5%202.6%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M16.8%2051c1.4%204.2%203.5%208.2%206.7%2011.6c1.8%201.9%205.4%201.9%207.4.3c2.1-1.6%202-4.1.3-5.9c-3-3.2-5-6.9-6.3-10.8c-2.7%201.5-5.4%203.2-8.1%204.8%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M18.9%2049c.1%205.4%201.3%2010.2%204.6%2013.6c1.8%201.9%205.4%201.9%207.4.3c2.1-1.6%202-4.1.3-5.9c-3-3.2%2020.3-24.1%2018.9-28c-2.6%201.5-21.3%2012.9-31.2%2020%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M24.2%2043.7c1.3%204.7%203.2%209.1%206.6%2012.8c1.8%202%202.2%204.8.1%206.4c10.4-8%2020.8-16.1%2031.2-24.1c2.1-1.6%202.3-3.9%201-5.4c-2.4-2.6-3.8-5.8-4.7-9.1c-15.9%209-27.2%2015.4-34.2%2019.4%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%208.8c16.3%2011.8%2010.7%2033.9%2019.9%2049c2.7-1.8%205.3-3.5%208-5.3c1.7%202.7%203.9%205.2%206.8%207.4l23.7-18.3c-3.8-2.8-6-6.3-7.4-10.2C47.2%2020.8%2049%207.5%2038.5%200C25.7%202.9%2012.8%205.9%200%208.8%22%2F%3E%3Cpath%20fill%3D%22%237d8b91%22%20d%3D%22M11%2014.1c.5.7%201%201.5%201.4%202.3c9.1-2.8%2018.3-5.6%2027.4-8.5c-.3-.6-.7-1.2-1.1-1.8c-9.2%202.7-18.4%205.4-27.7%208m4.3%209.1c8.9-3.3%2017.9-6.6%2026.8-9.9c-.2-.7-.4-1.3-.7-2c-9%203.1-18%206.2-27%209.4c.3.9.6%201.7.9%202.5m1.8%207.4l26.4-11.4c-.1-.7-.3-1.4-.4-2.1c-8.8%203.6-17.7%207.2-26.5%2010.9c.1.8.3%201.7.5%202.6%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M16.8%2051c1.4%204.2%203.5%208.2%206.7%2011.6c1.8%201.9%205.4%201.9%207.4.3c2.1-1.6%202-4.1.3-5.9c-3-3.2-5-6.9-6.3-10.8c-2.7%201.5-5.4%203.2-8.1%204.8%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M18.9%2049c.1%205.4%201.3%2010.2%204.6%2013.6c1.8%201.9%205.4%201.9%207.4.3c2.1-1.6%202-4.1.3-5.9c-3-3.2%2020.3-24.1%2018.9-28c-2.6%201.5-21.3%2012.9-31.2%2020%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M24.2%2043.7c1.3%204.7%203.2%209.1%206.6%2012.8c1.8%202%202.2%204.8.1%206.4c10.4-8%2020.8-16.1%2031.2-24.1c2.1-1.6%202.3-3.9%201-5.4c-2.4-2.6-3.8-5.8-4.7-9.1c-15.9%209-27.2%2015.4-34.2%2019.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/page-with-curl.svg?color=%231a73e8&size=48