Books icon
fxemoji:books
The Books icon (fxemoji:books) 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
- Tags
- book
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#D32A2A" d="M120.563 304.401v.199c-43.902 2.838-78.638 39.325-78.638 83.944s34.736 81.106 78.638 83.944v.199h81.488V304.401z"/><path fill="#132028" d="M57.041 173.52v.155c-30.374 2.207-54.407 30.584-54.407 65.286s24.032 63.078 54.407 65.286v.155h56.379V173.52z"/><path fill="#005877" d="M145.275 26.809v.173c-34.048 2.474-60.987 34.283-60.987 73.182s26.939 70.708 60.987 73.182v.173h74.39V26.809z"/><path fill="#00B1FF" d="M458.673 142.072V58.258a7.96 7.96 0 0 1 7.96-7.96h16.712a7.96 7.96 0 0 0 7.96-7.96v-7.57a7.96 7.96 0 0 0-7.96-7.96h-255.78a7.96 7.96 0 0 0-7.96 7.96V165.56a7.96 7.96 0 0 0 7.96 7.96h255.78a7.96 7.96 0 0 0 7.96-7.96v-7.57a7.96 7.96 0 0 0-7.96-7.96h-16.712a7.96 7.96 0 0 1-7.96-7.958"/><path fill="#445056" d="M417.803 197.862h50.514c5.975 0 10.819-3.734 10.819-8.341v-7.661c0-4.606-4.844-8.341-10.819-8.341H111.215v.198c-29.736 2.488-53.188 30.736-53.188 65.242s23.452 62.754 53.188 65.242v.198h357.102c5.975 0 10.819-3.734 10.819-8.341v-8.364c0-4.606-4.844-8.341-10.819-8.341h-50.514c-5.975 0-10.819-3.734-10.819-8.341V206.2c0-4.604 4.844-8.338 10.819-8.338"/><path fill="#DCE2E2" d="m454.328 279.356l-2.115-1.955a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294c1.004-1.004 1.004-1.501 0-2.504l-4.111.036H125.894a29.7 29.7 0 0 0-9.25-1.489c-19.171 0-34.712 18.425-34.712 41.154s15.541 41.154 34.712 41.154v.836h333.753"/><path fill="#0074A8" d="M219.605 26.809c-40.513 0-73.355 32.842-73.355 73.355s32.842 73.355 73.355 73.355h36.678V26.809z"/><path fill="#DCE2E2" d="M478.974 66.903a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294c1.004-1.004 1.165-3.743.162-4.747H223.054c-27.54 0-49.866 22.326-49.866 49.866s22.326 49.866 49.866 49.866h255.931c1.004-1.004.994-2.754-.01-3.758l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635l2.294-2.294a2.57 2.57 0 0 0 0-3.635l-2.294-2.294a2.57 2.57 0 0 1 0-3.635z"/><path fill="#FF473E" d="M478.809 331.344h19.17a9.13 9.13 0 0 0 9.13-9.13v-8.683a9.13 9.13 0 0 0-9.13-9.13H192.695a9 9 0 0 0-2.288.301a85 85 0 0 0-6.843-.301c-46.471 0-84.143 37.672-84.143 84.143s37.672 84.143 84.143 84.143a85 85 0 0 0 6.843-.301a9 9 0 0 0 2.288.301h305.283a9.13 9.13 0 0 0 9.13-9.13v-8.683a9.13 9.13 0 0 0-9.13-9.13h-19.17a9.13 9.13 0 0 1-9.13-9.13v-96.139c.001-5.043 4.089-9.131 9.131-9.131"/><path fill="#DCE2E2" d="M493.309 350.901a2.83 2.83 0 0 0 0-3.999l-2.523-2.523a2.83 2.83 0 0 1 0-3.999l2.523-2.523a2.83 2.83 0 0 0 0-3.999l-2.45-2.513H187.521c-31.59 0-57.199 25.609-57.199 57.199s25.609 57.199 57.199 57.199h302.265l3.523-3.523a2.83 2.83 0 0 0 0-3.999l-2.523-2.523a2.83 2.83 0 0 1 0-3.999l2.523-2.523a2.83 2.83 0 0 0 0-4l-2.523-2.523a2.83 2.83 0 0 1 0-3.999l2.523-2.523a2.83 2.83 0 0 0 0-3.999l-2.523-2.523a2.83 2.83 0 0 1 0-4l2.523-2.523a2.83 2.83 0 0 0 0-3.999l-2.523-2.523a2.83 2.83 0 0 1 0-3.999l2.523-2.523a2.83 2.83 0 0 0 0-4l-2.523-2.523a2.83 2.83 0 0 1 0-3.999l2.523-2.523a2.83 2.83 0 0 0 0-3.999l-2.523-2.523a2.83 2.83 0 0 1 0-3.999l2.523-2.523a2.83 2.83 0 0 0 0-3.999l-2.523-2.523a2.83 2.83 0 0 1 0-3.999z"/></svg>How to use the Books icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:books" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:books" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:books" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--books]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:books"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:books"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/books.svg" alt="Books icon" width="24" height="24">Books icon in other icon sets
Books icon FAQ
Is the Books 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 Books icon in React?
Install @iconify/react and render <Icon icon="fxemoji:books" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Books icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/books.svg" alt="Books icon">, or paste the SVG code inline to style it with CSS.