scroll emoji
scroll from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- scroll
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More extras openmoji icons from OpenMoji
Use the scroll emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M37.297 16.773h-2.472c-5.876 0-10.684 4.808-10.684 10.684V44.39c0 5.876 4.808 10.684 10.684 10.684h2.472c5.876 0 10.684-4.808 10.684-10.684V27.457c0-5.876-4.808-10.684-10.684-10.684"/><path fill="#3f3f3f" d="M36.061 22.112a2.08 2.08 0 0 0-2.074 2.074v5.834a2.08 2.08 0 0 0 2.074 2.073a2.08 2.08 0 0 0 2.074-2.073v-5.834a2.08 2.08 0 0 0-2.074-2.074"/><path fill="#9b9b9a" d="M34.499 18.038a7.7 7.7 0 0 1 1.491.525c2.695 1.292 5.082 3.223 5.385 7.487c.388 5.455-1.63 15.669-2.28 20.857c-.453 3.627-2.247 5.307-4.63 7.21c-1.2.961 5.267.844 7.93-.713q.33-.193.618-.359a7.93 7.93 0 0 0 3.962-6.766l.256-20.468c.013-1.043-.157-2.087-.567-3.046c-.878-2.053-3.007-5.008-7.985-5.01c0 0-6.725-.346-4.18.283"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M38.83 54.501h-5.537c-4.97 0-9.035-4.065-9.035-9.034V26.38c0-4.969 4.066-9.034 9.035-9.034h5.536c4.97 0 9.035 4.065 9.035 9.034v19.087c0 4.969-4.066 9.034-9.035 9.034"/><path d="M36.145 32.155h-.168a2.035 2.035 0 0 1-2.03-2.03V24.08c0-1.116.914-2.029 2.03-2.029h.168c1.116 0 2.03.913 2.03 2.03v6.046c0 1.116-.914 2.03-2.03 2.03m5.186 27.859l-5.216 5.216m-5.258-5.216l5.216 5.216m-5.216-53.34l5.216-5.216m5.258 5.216l-5.216-5.216"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiScroll(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M37.297 16.773h-2.472c-5.876 0-10.684 4.808-10.684 10.684V44.39c0 5.876 4.808 10.684 10.684 10.684h2.472c5.876 0 10.684-4.808 10.684-10.684V27.457c0-5.876-4.808-10.684-10.684-10.684"/><path fill="#3f3f3f" d="M36.061 22.112a2.08 2.08 0 0 0-2.074 2.074v5.834a2.08 2.08 0 0 0 2.074 2.073a2.08 2.08 0 0 0 2.074-2.073v-5.834a2.08 2.08 0 0 0-2.074-2.074"/><path fill="#9b9b9a" d="M34.499 18.038a7.7 7.7 0 0 1 1.491.525c2.695 1.292 5.082 3.223 5.385 7.487c.388 5.455-1.63 15.669-2.28 20.857c-.453 3.627-2.247 5.307-4.63 7.21c-1.2.961 5.267.844 7.93-.713q.33-.193.618-.359a7.93 7.93 0 0 0 3.962-6.766l.256-20.468c.013-1.043-.157-2.087-.567-3.046c-.878-2.053-3.007-5.008-7.985-5.01c0 0-6.725-.346-4.18.283"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M38.83 54.501h-5.537c-4.97 0-9.035-4.065-9.035-9.034V26.38c0-4.969 4.066-9.034 9.035-9.034h5.536c4.97 0 9.035 4.065 9.035 9.034v19.087c0 4.969-4.066 9.034-9.035 9.034"/><path d="M36.145 32.155h-.168a2.035 2.035 0 0 1-2.03-2.03V24.08c0-1.116.914-2.029 2.03-2.029h.168c1.116 0 2.03.913 2.03 2.03v6.046c0 1.116-.914 2.03-2.03 2.03m5.186 27.859l-5.216 5.216m-5.258-5.216l5.216 5.216m-5.216-53.34l5.216-5.216m5.258 5.216l-5.216-5.216"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M37.297 16.773h-2.472c-5.876 0-10.684 4.808-10.684 10.684V44.39c0 5.876 4.808 10.684 10.684 10.684h2.472c5.876 0 10.684-4.808 10.684-10.684V27.457c0-5.876-4.808-10.684-10.684-10.684"/><path fill="#3f3f3f" d="M36.061 22.112a2.08 2.08 0 0 0-2.074 2.074v5.834a2.08 2.08 0 0 0 2.074 2.073a2.08 2.08 0 0 0 2.074-2.073v-5.834a2.08 2.08 0 0 0-2.074-2.074"/><path fill="#9b9b9a" d="M34.499 18.038a7.7 7.7 0 0 1 1.491.525c2.695 1.292 5.082 3.223 5.385 7.487c.388 5.455-1.63 15.669-2.28 20.857c-.453 3.627-2.247 5.307-4.63 7.21c-1.2.961 5.267.844 7.93-.713q.33-.193.618-.359a7.93 7.93 0 0 0 3.962-6.766l.256-20.468c.013-1.043-.157-2.087-.567-3.046c-.878-2.053-3.007-5.008-7.985-5.01c0 0-6.725-.346-4.18.283"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M38.83 54.501h-5.537c-4.97 0-9.035-4.065-9.035-9.034V26.38c0-4.969 4.066-9.034 9.035-9.034h5.536c4.97 0 9.035 4.065 9.035 9.034v19.087c0 4.969-4.066 9.034-9.035 9.034"/><path d="M36.145 32.155h-.168a2.035 2.035 0 0 1-2.03-2.03V24.08c0-1.116.914-2.029 2.03-2.029h.168c1.116 0 2.03.913 2.03 2.03v6.046c0 1.116-.914 2.03-2.03 2.03m5.186 27.859l-5.216 5.216m-5.258-5.216l5.216 5.216m-5.216-53.34l5.216-5.216m5.258 5.216l-5.216-5.216"/></g></svg> </template>
CSS
.icon-scroll {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M37.297%2016.773h-2.472c-5.876%200-10.684%204.808-10.684%2010.684V44.39c0%205.876%204.808%2010.684%2010.684%2010.684h2.472c5.876%200%2010.684-4.808%2010.684-10.684V27.457c0-5.876-4.808-10.684-10.684-10.684%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M36.061%2022.112a2.08%202.08%200%200%200-2.074%202.074v5.834a2.08%202.08%200%200%200%202.074%202.073a2.08%202.08%200%200%200%202.074-2.073v-5.834a2.08%202.08%200%200%200-2.074-2.074%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M34.499%2018.038a7.7%207.7%200%200%201%201.491.525c2.695%201.292%205.082%203.223%205.385%207.487c.388%205.455-1.63%2015.669-2.28%2020.857c-.453%203.627-2.247%205.307-4.63%207.21c-1.2.961%205.267.844%207.93-.713q.33-.193.618-.359a7.93%207.93%200%200%200%203.962-6.766l.256-20.468c.013-1.043-.157-2.087-.567-3.046c-.878-2.053-3.007-5.008-7.985-5.01c0%200-6.725-.346-4.18.283%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M38.83%2054.501h-5.537c-4.97%200-9.035-4.065-9.035-9.034V26.38c0-4.969%204.066-9.034%209.035-9.034h5.536c4.97%200%209.035%204.065%209.035%209.034v19.087c0%204.969-4.066%209.034-9.035%209.034%22%2F%3E%3Cpath%20d%3D%22M36.145%2032.155h-.168a2.035%202.035%200%200%201-2.03-2.03V24.08c0-1.116.914-2.029%202.03-2.029h.168c1.116%200%202.03.913%202.03%202.03v6.046c0%201.116-.914%202.03-2.03%202.03m5.186%2027.859l-5.216%205.216m-5.258-5.216l5.216%205.216m-5.216-53.34l5.216-5.216m5.258%205.216l-5.216-5.216%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M37.297%2016.773h-2.472c-5.876%200-10.684%204.808-10.684%2010.684V44.39c0%205.876%204.808%2010.684%2010.684%2010.684h2.472c5.876%200%2010.684-4.808%2010.684-10.684V27.457c0-5.876-4.808-10.684-10.684-10.684%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M36.061%2022.112a2.08%202.08%200%200%200-2.074%202.074v5.834a2.08%202.08%200%200%200%202.074%202.073a2.08%202.08%200%200%200%202.074-2.073v-5.834a2.08%202.08%200%200%200-2.074-2.074%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M34.499%2018.038a7.7%207.7%200%200%201%201.491.525c2.695%201.292%205.082%203.223%205.385%207.487c.388%205.455-1.63%2015.669-2.28%2020.857c-.453%203.627-2.247%205.307-4.63%207.21c-1.2.961%205.267.844%207.93-.713q.33-.193.618-.359a7.93%207.93%200%200%200%203.962-6.766l.256-20.468c.013-1.043-.157-2.087-.567-3.046c-.878-2.053-3.007-5.008-7.985-5.01c0%200-6.725-.346-4.18.283%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M38.83%2054.501h-5.537c-4.97%200-9.035-4.065-9.035-9.034V26.38c0-4.969%204.066-9.034%209.035-9.034h5.536c4.97%200%209.035%204.065%209.035%209.034v19.087c0%204.969-4.066%209.034-9.035%209.034%22%2F%3E%3Cpath%20d%3D%22M36.145%2032.155h-.168a2.035%202.035%200%200%201-2.03-2.03V24.08c0-1.116.914-2.029%202.03-2.029h.168c1.116%200%202.03.913%202.03%202.03v6.046c0%201.116-.914%202.03-2.03%202.03m5.186%2027.859l-5.216%205.216m-5.258-5.216l5.216%205.216m-5.216-53.34l5.216-5.216m5.258%205.216l-5.216-5.216%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/scroll.svg?color=%231a73e8&size=48
