scroll emoji
scroll from Streamline Emojis by Streamline · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- scroll
- Set
- Streamline Emojis
- Style
- Default
- Category
- Objects
- Viewbox
- 48×48
- License
- CC BY 4.0
The same emoji in other sets
scrollEmoji One (Colored)scrollFont Awesome 6 SolidscrollFont Awesome SolidscrollFluent EmojiscrollFluent Emoji FlatscrollFluent Emoji High ContrastscrollFirefox OS EmojiscrollHuge IconsscrollLine AwesomescrollLucidescrollMajesticonsscrollNoto EmojiscrollOpenMojiscrollPhosphorscrollWeb3 IconsscrollWeb3 Icons BrandedscrollTwitter EmojiscrollUnicons
More objects icons from Streamline Emojis
Use the scroll emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M9.81 45.15a14.19 1.85 0 1 0 28.38 0a14.19 1.85 0 1 0-28.38 0" opacity=".15"/><path fill="#fff5e3" d="M10.45 7.49v29.09c0 1.65-.41 3-2.06 3h27.55c1.65 0 2.06-1.33 2.06-3V7.49Z"/><path fill="#f7e5c6" d="M10.45 7.49H38v5.4H10.45z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38 36.58c0 1.65-.41 3-2.06 3H8.39c1.65 0 2.06-1.33 2.06-3V7.49H38Z"/><path fill="#f7e5c6" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.58 36.58v-.81H6v.81c0 1.65.72 3 2.37 3h27.57c-1.64-.02-2.36-1.35-2.36-3"/><path fill="#f7e5c6" d="M9.42 5.13c-.85 0-1.55 1.06-1.55 2.36s.7 2.37 1.55 2.37h27V5.13Z"/><path fill="#fff5e3" d="M9.42 5.13c-.85 0-1.55 1.06-1.55 2.36a3.3 3.3 0 0 0 .18 1.07c.25-.77.77-1.3 1.37-1.3h27V5.13Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.42 5.13c-.85 0-1.55 1.06-1.55 2.36s.7 2.37 1.55 2.37h27V5.13Z"/><path fill="#f0d5a8" d="M34.92 7.49a1.54 2.36 0 1 0 3.08 0a1.54 2.36 0 1 0-3.08 0"/><path fill="#debb7e" d="M36.46 7c.64 0 1.18.59 1.42 1.44a3.5 3.5 0 0 0 .12-.95c0-1.3-.69-2.36-1.54-2.36s-1.54 1.06-1.54 2.36a3.5 3.5 0 0 0 .12.93c.23-.85.78-1.42 1.42-1.42"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.92 7.49a1.54 2.36 0 1 0 3.08 0a1.54 2.36 0 1 0-3.08 0M14.28 14.1h13.8m-13.8 13.49h13.8m-13.8 3.63h16.03M14.28 17.49h18.89m-18.89 3.55h18.89"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisScroll(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M9.81 45.15a14.19 1.85 0 1 0 28.38 0a14.19 1.85 0 1 0-28.38 0" opacity=".15"/><path fill="#fff5e3" d="M10.45 7.49v29.09c0 1.65-.41 3-2.06 3h27.55c1.65 0 2.06-1.33 2.06-3V7.49Z"/><path fill="#f7e5c6" d="M10.45 7.49H38v5.4H10.45z"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M38 36.58c0 1.65-.41 3-2.06 3H8.39c1.65 0 2.06-1.33 2.06-3V7.49H38Z"/><path fill="#f7e5c6" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M33.58 36.58v-.81H6v.81c0 1.65.72 3 2.37 3h27.57c-1.64-.02-2.36-1.35-2.36-3"/><path fill="#f7e5c6" d="M9.42 5.13c-.85 0-1.55 1.06-1.55 2.36s.7 2.37 1.55 2.37h27V5.13Z"/><path fill="#fff5e3" d="M9.42 5.13c-.85 0-1.55 1.06-1.55 2.36a3.3 3.3 0 0 0 .18 1.07c.25-.77.77-1.3 1.37-1.3h27V5.13Z"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M9.42 5.13c-.85 0-1.55 1.06-1.55 2.36s.7 2.37 1.55 2.37h27V5.13Z"/><path fill="#f0d5a8" d="M34.92 7.49a1.54 2.36 0 1 0 3.08 0a1.54 2.36 0 1 0-3.08 0"/><path fill="#debb7e" d="M36.46 7c.64 0 1.18.59 1.42 1.44a3.5 3.5 0 0 0 .12-.95c0-1.3-.69-2.36-1.54-2.36s-1.54 1.06-1.54 2.36a3.5 3.5 0 0 0 .12.93c.23-.85.78-1.42 1.42-1.42"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M34.92 7.49a1.54 2.36 0 1 0 3.08 0a1.54 2.36 0 1 0-3.08 0M14.28 14.1h13.8m-13.8 13.49h13.8m-13.8 3.63h16.03M14.28 17.49h18.89m-18.89 3.55h18.89"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M9.81 45.15a14.19 1.85 0 1 0 28.38 0a14.19 1.85 0 1 0-28.38 0" opacity=".15"/><path fill="#fff5e3" d="M10.45 7.49v29.09c0 1.65-.41 3-2.06 3h27.55c1.65 0 2.06-1.33 2.06-3V7.49Z"/><path fill="#f7e5c6" d="M10.45 7.49H38v5.4H10.45z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38 36.58c0 1.65-.41 3-2.06 3H8.39c1.65 0 2.06-1.33 2.06-3V7.49H38Z"/><path fill="#f7e5c6" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.58 36.58v-.81H6v.81c0 1.65.72 3 2.37 3h27.57c-1.64-.02-2.36-1.35-2.36-3"/><path fill="#f7e5c6" d="M9.42 5.13c-.85 0-1.55 1.06-1.55 2.36s.7 2.37 1.55 2.37h27V5.13Z"/><path fill="#fff5e3" d="M9.42 5.13c-.85 0-1.55 1.06-1.55 2.36a3.3 3.3 0 0 0 .18 1.07c.25-.77.77-1.3 1.37-1.3h27V5.13Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.42 5.13c-.85 0-1.55 1.06-1.55 2.36s.7 2.37 1.55 2.37h27V5.13Z"/><path fill="#f0d5a8" d="M34.92 7.49a1.54 2.36 0 1 0 3.08 0a1.54 2.36 0 1 0-3.08 0"/><path fill="#debb7e" d="M36.46 7c.64 0 1.18.59 1.42 1.44a3.5 3.5 0 0 0 .12-.95c0-1.3-.69-2.36-1.54-2.36s-1.54 1.06-1.54 2.36a3.5 3.5 0 0 0 .12.93c.23-.85.78-1.42 1.42-1.42"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.92 7.49a1.54 2.36 0 1 0 3.08 0a1.54 2.36 0 1 0-3.08 0M14.28 14.1h13.8m-13.8 13.49h13.8m-13.8 3.63h16.03M14.28 17.49h18.89m-18.89 3.55h18.89"/></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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M9.81%2045.15a14.19%201.85%200%201%200%2028.38%200a14.19%201.85%200%201%200-28.38%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23fff5e3%22%20d%3D%22M10.45%207.49v29.09c0%201.65-.41%203-2.06%203h27.55c1.65%200%202.06-1.33%202.06-3V7.49Z%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20d%3D%22M10.45%207.49H38v5.4H10.45z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M38%2036.58c0%201.65-.41%203-2.06%203H8.39c1.65%200%202.06-1.33%202.06-3V7.49H38Z%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33.58%2036.58v-.81H6v.81c0%201.65.72%203%202.37%203h27.57c-1.64-.02-2.36-1.35-2.36-3%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20d%3D%22M9.42%205.13c-.85%200-1.55%201.06-1.55%202.36s.7%202.37%201.55%202.37h27V5.13Z%22%2F%3E%3Cpath%20fill%3D%22%23fff5e3%22%20d%3D%22M9.42%205.13c-.85%200-1.55%201.06-1.55%202.36a3.3%203.3%200%200%200%20.18%201.07c.25-.77.77-1.3%201.37-1.3h27V5.13Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.42%205.13c-.85%200-1.55%201.06-1.55%202.36s.7%202.37%201.55%202.37h27V5.13Z%22%2F%3E%3Cpath%20fill%3D%22%23f0d5a8%22%20d%3D%22M34.92%207.49a1.54%202.36%200%201%200%203.08%200a1.54%202.36%200%201%200-3.08%200%22%2F%3E%3Cpath%20fill%3D%22%23debb7e%22%20d%3D%22M36.46%207c.64%200%201.18.59%201.42%201.44a3.5%203.5%200%200%200%20.12-.95c0-1.3-.69-2.36-1.54-2.36s-1.54%201.06-1.54%202.36a3.5%203.5%200%200%200%20.12.93c.23-.85.78-1.42%201.42-1.42%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M34.92%207.49a1.54%202.36%200%201%200%203.08%200a1.54%202.36%200%201%200-3.08%200M14.28%2014.1h13.8m-13.8%2013.49h13.8m-13.8%203.63h16.03M14.28%2017.49h18.89m-18.89%203.55h18.89%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M9.81%2045.15a14.19%201.85%200%201%200%2028.38%200a14.19%201.85%200%201%200-28.38%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23fff5e3%22%20d%3D%22M10.45%207.49v29.09c0%201.65-.41%203-2.06%203h27.55c1.65%200%202.06-1.33%202.06-3V7.49Z%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20d%3D%22M10.45%207.49H38v5.4H10.45z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M38%2036.58c0%201.65-.41%203-2.06%203H8.39c1.65%200%202.06-1.33%202.06-3V7.49H38Z%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33.58%2036.58v-.81H6v.81c0%201.65.72%203%202.37%203h27.57c-1.64-.02-2.36-1.35-2.36-3%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20d%3D%22M9.42%205.13c-.85%200-1.55%201.06-1.55%202.36s.7%202.37%201.55%202.37h27V5.13Z%22%2F%3E%3Cpath%20fill%3D%22%23fff5e3%22%20d%3D%22M9.42%205.13c-.85%200-1.55%201.06-1.55%202.36a3.3%203.3%200%200%200%20.18%201.07c.25-.77.77-1.3%201.37-1.3h27V5.13Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.42%205.13c-.85%200-1.55%201.06-1.55%202.36s.7%202.37%201.55%202.37h27V5.13Z%22%2F%3E%3Cpath%20fill%3D%22%23f0d5a8%22%20d%3D%22M34.92%207.49a1.54%202.36%200%201%200%203.08%200a1.54%202.36%200%201%200-3.08%200%22%2F%3E%3Cpath%20fill%3D%22%23debb7e%22%20d%3D%22M36.46%207c.64%200%201.18.59%201.42%201.44a3.5%203.5%200%200%200%20.12-.95c0-1.3-.69-2.36-1.54-2.36s-1.54%201.06-1.54%202.36a3.5%203.5%200%200%200%20.12.93c.23-.85.78-1.42%201.42-1.42%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M34.92%207.49a1.54%202.36%200%201%200%203.08%200a1.54%202.36%200%201%200-3.08%200M14.28%2014.1h13.8m-13.8%2013.49h13.8m-13.8%203.63h16.03M14.28%2017.49h18.89m-18.89%203.55h18.89%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/scroll.svg?color=%231a73e8&size=48
