Openbook icon
fxemoji:openbook
The Openbook icon (fxemoji:openbook) 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="#FF473E" d="M473 108.645H291.537c-16.914 0-31.096 11.667-34.956 27.391c-3.86-15.724-18.042-27.391-34.956-27.391H40.162c-19.882 0-36 16.118-36 36v264.657c0 19.882 16.118 36 36 36h181.463c.201 0 .398-.012.598-.015c8.445 9.075 20.655 14.78 34.237 14.78c13.586 0 25.798-5.707 34.243-14.785c.278.006.554.021.834.021H473c19.882 0 36-16.118 36-36V144.645c0-19.882-16.118-36-36-36"/><path fill="#445056" d="m260.57 378.332l.703 1.585l1.921 4.179l2.831 5.908c1.028 2.161 2.22 4.467 3.362 6.773l1.721 3.44a34 34 0 0 0 1.861 3.332l2.071 3.116c.615.991 1.141 1.927 1.507 2.792c.379.865.644 1.657.765 2.36a6.2 6.2 0 0 1 .073 1.819c-.115 1.009-.502 1.585-.502 1.585c-7.578 11.279-22.864 14.279-34.142 6.702a24.9 24.9 0 0 1-6.702-6.702s-.387-.576-.502-1.585a6.2 6.2 0 0 1 .073-1.819c.121-.702.386-1.495.765-2.36c.366-.865.891-1.801 1.507-2.792l2.07-3.116a34 34 0 0 0 1.861-3.332l1.721-3.44c1.142-2.306 2.334-4.611 3.362-6.773l2.832-5.908l1.921-4.179l.703-1.585a4.494 4.494 0 0 1 8.218 0"/><path fill="#A9B8C2" d="M455.552 86.818H291.609c-17.026 0-31.281 11.823-35.028 27.704c-3.748-15.881-18.003-27.704-35.028-27.704H57.609c-19.882 0-36 16.118-36 36v261.706c0 19.882 16.118 36 36 36h163.943c17.026 0 31.281-11.823 35.028-27.704c3.748 15.881 18.003 27.704 35.028 27.704h163.943c19.882 0 36-16.118 36-36V122.818c.001-19.883-16.116-36-35.999-36"/><path fill="#DCE2E2" d="M249.022 61.603C184.386 22.842 123.177 115.736 58.54 76.975c-5.924-3.585-10.727-1.327-10.727 6.714V377.62c0 6.856 3.72 12.949 8.799 13.669c.625.089 1.27.316 1.928.714c64.636 38.761 129.272-54.133 193.908-15.372c1.008.61 2.475 1.705 3.65 2.582c2.454 1.831 7.077-1.824 7.077-7.333L255.54 82.212c0-7.865-.594-17.023-6.518-20.609"/><path fill="#F9F9F7" d="M265.336 61.603c64.636-38.761 129.272 54.133 193.908 15.372c5.924-3.585 10.727-1.327 10.727 6.714V372.98c0 8.579-4.223 15.849-10.236 18.756a6 6 0 0 0-.491.267c-64.636 38.761-129.299-54.213-193.908-15.372c-7.82 4.701-10.727 3.415-10.727-.994V75.825c0-7.865 4.803-10.636 10.727-14.222"/></svg>How to use the Openbook icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:openbook" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:openbook" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:openbook" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--openbook]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:openbook"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:openbook"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/openbook.svg" alt="Openbook icon" width="24" height="24">Openbook icon FAQ
Is the Openbook 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 Openbook icon in React?
Install @iconify/react and render <Icon icon="fxemoji:openbook" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Openbook icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/openbook.svg" alt="Openbook icon">, or paste the SVG code inline to style it with CSS.