Scroll icon
fxemoji:scroll
The Scroll icon (fxemoji:scroll) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#C4AC8C" d="M103.387 468.392H76.559V55.137l26.828-19.33z"/><path fill="#F7DFBC" d="M460.91 7.849v-.794H123.847v.794L94.155 55.137V451.61c0 1.542.193 3.037.525 4.478l-.104.017l-4.603 15.38l-44.525 31.908h368.174c26.117 0 47.288-21.172 47.288-47.288v-353.68c26.117 0 47.288-21.172 47.288-47.288S487.026 7.849 460.91 7.849"/><path fill="#E0C7AD" d="M459.726 101.641H124.265l-30.11-20.002v43.723h365.571z"/><path fill="#C4AC8C" d="M123.847 102.425c-26.117 0-47.288-21.172-47.288-47.288S97.731 7.849 123.847 7.849s47.288 21.172 47.288 47.288s-21.171 47.288-47.288 47.288m-29.271 353.68c0-26.117-21.172-47.288-47.288-47.288S0 429.988 0 456.105s21.172 47.288 47.288 47.288s47.288-21.171 47.288-47.288"/><path fill="#60554A" d="M413.686 427.689H155.588a8.281 8.281 0 1 1 0-16.562h258.097a8.282 8.282 0 0 1 .001 16.562m-7.915-58.331a8.28 8.28 0 0 0-8.281-8.281H155.588a8.281 8.281 0 1 0 0 16.562h241.901a8.28 8.28 0 0 0 8.282-8.281m-97.229-50.049a8.28 8.28 0 0 0-8.281-8.281H155.588a8.281 8.281 0 1 0 0 16.562H300.26a8.28 8.28 0 0 0 8.282-8.281m113.425-50.05a8.28 8.28 0 0 0-8.281-8.281H155.588a8.281 8.281 0 1 0 0 16.562h258.097a8.28 8.28 0 0 0 8.282-8.281m0-50.05a8.28 8.28 0 0 0-8.281-8.281H155.588a8.281 8.281 0 1 0 0 16.562h258.097a8.28 8.28 0 0 0 8.282-8.281m0-50.049a8.28 8.28 0 0 0-8.281-8.281H155.588a8.281 8.281 0 1 0 0 16.562h258.097a8.28 8.28 0 0 0 8.282-8.281M143.177 55.137c0-10.676-8.654-19.33-19.33-19.33s-19.33 8.654-19.33 19.33s8.654 19.33 19.33 19.33s19.33-8.654 19.33-19.33M66.618 456.105c0-10.676-8.654-19.33-19.33-19.33s-19.33 8.654-19.33 19.33s8.654 19.33 19.33 19.33s19.33-8.654 19.33-19.33"/></svg>
How to use the Scroll icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:scroll" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:scroll" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:scroll" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--scroll]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:scroll"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:scroll"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/scroll.svg" alt="Scroll icon" width="24" height="24">
Scroll icon in other icon sets
Scroll icon FAQ
Is the Scroll icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Scroll icon in React?
Install @iconify/react and render <Icon icon="fxemoji:scroll" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Scroll icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/scroll.svg" alt="Scroll icon">, or paste the SVG code inline to style it with CSS.
Browse all Firefox OS Emoji icons →
ICONYZ
