Icône Open Book

emojione:open-book

L'icône Open Book (emojione:open-book) est une icône SVG gratuite de la collection Emoji One (Colored) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (Colored)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Objets
Mots-clés: openbook

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#89664c" d="M64 58H0l5.7-46h52.6z"/><path fill="#b0bdc6" d="M26.2 8.4c-5.8 0-16.6 1.9-20.1.8c0 0 .9 19.7-4 47.4c6.9-.5 16.1-4.4 22.9-4.4c6.9 0 6.9 4.4 6.9 4.4V13.3c.2 0 .1-4.9-5.7-4.9"/><path fill="#e1ebef" d="M26.3 7.7C20.5 7.7 11.6 9.5 8.9 6c0 0 .9 22.3-5.1 47.2c2.2 3.1 14-1.1 20.9-1.1s7.3 4.5 7.3 4.5v-44c.1 0 .1-4.9-5.7-4.9"/><path fill="#94989b" d="M25.1 52.2c-6.9 0-19 4.4-22.9 4.4h29.9s-.1-4.4-7-4.4"/><path fill="#7d8b91" d="m11.8 14.2l.1-.8c.9 0 2.6-.3 4.5-.7c2.6-.5 5.6-1.1 8-1.1c3.2 0 4.2.7 4.4.8l-.3.3l-.3.3s-1-.6-3.8-.6c-2.3 0-5.2.6-7.8 1.1c-2 .4-3.7.7-4.8.7m-.4 4.3l.1-.9c1 0 2.7-.3 4.6-.7c2.7-.5 5.7-1.1 8.1-1.1c3.2 0 4.3.7 4.4.8l-.2.4l-.3.4s-1-.7-3.9-.7c-2.4 0-5.3.6-8 1.1c-2 .4-3.7.7-4.8.7M11 23l.1-.9c1 0 2.7-.4 4.7-.8c2.7-.6 5.8-1.2 8.3-1.2c3.3 0 4.4.8 4.5.9l-.3.4l-.3.4s-1-.7-4-.7c-2.4 0-5.4.6-8.1 1.2c-2 .4-3.8.7-4.9.7m-.4 4.7l.1-1c1 0 2.8-.4 4.8-.8c2.8-.6 5.9-1.2 8.5-1.2c3.4 0 4.5.8 4.6.9l-.4.4l-.2.4s-1-.7-4.1-.7c-2.5 0-5.6.6-8.3 1.2c-2.1.4-3.9.8-5 .8m-.5 4.9l.1-1c1 0 2.8-.4 4.9-.8c2.8-.6 6-1.3 8.6-1.3c3.4 0 4.6.8 4.7.9l-.3.4l-.3.4s-1-.7-4.2-.7c-2.5 0-5.7.7-8.5 1.3c-2 .4-3.9.8-5 .8m-.5 5.1l.1-1c1 0 2.9-.4 5-.9c2.9-.6 6.2-1.3 8.8-1.3c3.5 0 4.7.9 4.8 1l-.3.4l-.3.4s-1.1-.8-4.3-.8c-2.6 0-5.8.7-8.7 1.3c-2 .5-3.9.9-5.1.9M9.1 43l.1-1.1c1.1 0 2.9-.4 5.1-.9c3-.7 6.3-1.4 9-1.4c3.6 0 4.8.9 4.9 1l-.2.5l-.3.4s-1.1-.8-4.4-.8c-2.6 0-5.9.7-8.9 1.4c-2.1.5-4.1.9-5.3.9m-.5 5.6l.1-1.1c1.1 0 3-.4 5.2-.9c3-.7 6.5-1.5 9.2-1.5c3.7 0 4.9 1 5 1.1l-.3.4l-.2.4s-1.1-.9-4.5-.9c-2.7 0-6.1.8-9.1 1.5c-2.2.5-4.2 1-5.4 1"/><path fill="#b0bdc6" d="M37.8 8.4c5.8 0 16.6 1.9 20.1.8c0 0-.9 19.7 4 47.4c-6.9-.5-16.1-4.4-22.9-4.4c-6.9 0-6.9 4.4-6.9 4.4V13.3c-.1 0-.1-4.9 5.7-4.9"/><path fill="#d9e3e8" d="M37.7 7.7c5.8 0 14.7 1.8 17.4-1.7c0 0-.9 22.3 5.1 47.2c-2.2 3.1-14-1.1-20.9-1.1S32 56.6 32 56.6v-44s0-4.9 5.7-4.9"/><path fill="#94989b" d="M38.9 52.2c6.9 0 19 4.4 22.9 4.4H32s0-4.4 6.9-4.4"/><path fill="#7d8b91" d="m52.2 14.2l-.1-.8c-.9 0-2.6-.3-4.5-.7c-2.6-.5-5.6-1.1-8-1.1c-3.2 0-4.2.7-4.4.8l.3.3l.3.3s1-.6 3.8-.6c2.3 0 5.2.6 7.8 1.1c2.1.4 3.8.7 4.8.7m.4 4.3l-.1-.9c-1 0-2.7-.3-4.6-.7c-2.7-.5-5.7-1.1-8.1-1.1c-3.2 0-4.3.7-4.4.8l.3.3l.3.4s1-.7 3.9-.7c2.4 0 5.3.6 8 1.1c1.9.5 3.6.8 4.7.8M53 23l-.1-.9c-1 0-2.7-.4-4.7-.8c-2.7-.6-5.8-1.2-8.3-1.2c-3.3 0-4.4.8-4.5.9l.3.4l.3.4s1-.7 4-.7c2.4 0 5.4.6 8.1 1.2c2.1.4 3.8.7 4.9.7m.5 4.7l-.1-1c-1 0-2.8-.4-4.8-.8c-2.8-.6-5.9-1.2-8.5-1.2c-3.4 0-4.5.8-4.6.9l.3.4l.3.4s1-.7 4.1-.7c2.5 0 5.6.6 8.3 1.2c2 .4 3.9.8 5 .8m.4 4.9l-.1-1c-1 0-2.8-.4-4.9-.8c-2.8-.6-6-1.3-8.6-1.3c-3.4 0-4.6.8-4.7.9l.3.4l.3.4s1-.7 4.2-.7c2.5 0 5.7.7 8.5 1.3c2 .4 3.9.8 5 .8m.5 5.1l-.1-1c-1 0-2.9-.4-5-.9c-2.9-.6-6.2-1.3-8.8-1.3c-3.5 0-4.7.9-4.8 1l.3.4l.3.4s1.1-.8 4.3-.8c2.6 0 5.8.7 8.7 1.3c2 .5 3.9.9 5.1.9m.5 5.3l-.1-1.1c-1.1 0-2.9-.4-5.1-.9c-3-.7-6.3-1.4-9-1.4c-3.6 0-4.8.9-4.9 1l.3.4l.3.4s1.1-.8 4.4-.8c2.6 0 5.9.7 8.9 1.4c2.1.6 4 1 5.2 1m.5 5.6l-.1-1.1c-1.1 0-3-.4-5.2-.9c-3-.7-6.5-1.5-9.2-1.5c-3.7 0-4.9 1-5 1.1l.3.4l.3.5s1.1-.9 4.5-.9c2.7 0 6.1.8 9.1 1.5c2.1.4 4.1.9 5.3.9"/></svg>

Comment utiliser l'icône Open Book

React

import { Icon } from "@iconify/react";

<Icon icon="emojione:open-book" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione:open-book" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione:open-book" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--open-book]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:open-book"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione:open-book"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione/open-book.svg" alt="Icône Open Book" width="24" height="24">

Icônes similaires dans Emoji One (Colored)

L'icône Open Book dans d'autres collections

FAQ : Icône Open Book

L'icône Open Book est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Open Book dans React ?

Installez @iconify/react et affichez <Icon icon="emojione:open-book" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Open Book à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione/open-book.svg" alt="Icône Open Book">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Colored) →