Ikon Openbook
fxemoji:openbook
Ikon Openbook (fxemoji:openbook) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Benda
Kode SVG
<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>Cara memakai ikon Openbook
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/openbook.svg" alt="Ikon Openbook" width="24" height="24">FAQ Ikon Openbook
Apakah ikon Openbook gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Openbook di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:openbook" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Openbook ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/openbook.svg" alt="Ikon Openbook">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.