Icône Notebook With Decorative Cover
fluent-emoji-high-contrast:notebook-with-decorative-cover
L'icône Notebook With Decorative Cover (fluent-emoji-high-contrast:notebook-with-decorative-cover) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji High Contrast
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Objets
- Mots-clés
- notebookwith, withdecorative, decorativecover, notebookwithdecorativecover
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M24.56 4a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zM12 18.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zm4 5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zM12.44 6.354a.5.5 0 0 1 0-.708l1.414-1.414a.5.5 0 0 1 .707 0l.353.354a.5.5 0 0 1 0 .707L13.5 6.707a.5.5 0 0 1-.707 0zm3.914 3.292a.5.5 0 0 0 0 .707l.353.354a.5.5 0 0 0 .707 0l1.414-1.414a.5.5 0 0 0 0-.707l-.353-.354a.5.5 0 0 0-.707 0zm4.292 3.708a.5.5 0 0 1 .707 0l1.415 1.414a.5.5 0 0 1 0 .707l-.354.353a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 0-.707zm5.182 5.414l-1.414-1.414a.5.5 0 0 0-.707 0l-.354.353a.5.5 0 0 0 0 .707l1.415 1.414a.5.5 0 0 0 .707 0l.353-.353a.5.5 0 0 0 0-.707M12.5 9a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm4 5a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm4.854-9.646a.5.5 0 0 0-.707 0l-.354.353a.5.5 0 0 0 0 .707l1.414 1.415a.5.5 0 0 0 .707 0l.354-.354a.5.5 0 0 0 0-.707zm2.414 4a.5.5 0 0 1 .707 0l1.414 1.414a.5.5 0 0 1 0 .707l-.353.354a.5.5 0 0 1-.708 0l-1.414-1.415a.5.5 0 0 1 0-.707zM12.354 23.647a.5.5 0 0 0 0 .707l.353.353a.5.5 0 0 0 .707 0l1.414-1.414a.5.5 0 0 0 0-.707l-.353-.354a.5.5 0 0 0-.707 0zM8.927 17.5a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zM24.56 22a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zM20 18.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zM16.75 5a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5zM9.677 8a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75m15.133 5a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75M20 9.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75m-7.47 5.78a.75.75 0 0 1 0-1.06l1.061-1.061a.75.75 0 0 1 1.06 1.06l-1.06 1.061a.75.75 0 0 1-1.06 0m3.999 4a.75.75 0 0 0 1.061 0l1.06-1.06a.75.75 0 0 0-1.06-1.061l-1.06 1.06a.75.75 0 0 0 0 1.061m3.939 3a.75.75 0 0 1 1.06 0l1.061 1.061a.75.75 0 1 1-1.06 1.06l-1.061-1.06a.75.75 0 0 1 0-1.06"/><path d="M4.5 3.5a2 2 0 0 1 2-2H25A2.5 2.5 0 0 1 27.5 4v23.5H7a.5.5 0 0 0 0 1h20.622l-.236.667A2 2 0 0 1 25.5 30.5h-19a2 2 0 0 1-2-2zm22 .5A1.5 1.5 0 0 0 25 2.5H8.5v2.147l.293-.294a.5.5 0 0 1 .707 0l1.415 1.415a.5.5 0 0 1 0 .707l-.354.353a.5.5 0 0 1-.707 0L8.5 5.475v8.172l.293-.293a.5.5 0 0 1 .707 0l1.414 1.414a.5.5 0 0 1 0 .707l-.353.353a.5.5 0 0 1-.707 0L8.5 14.475v8.205a.75.75 0 0 1 1.177-.15l1.06 1.061a.75.75 0 1 1-1.06 1.06l-1.06-1.06a.8.8 0 0 1-.117-.15V25.5h18z"/></g></svg>Comment utiliser l'icône Notebook With Decorative Cover
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:notebook-with-decorative-cover" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:notebook-with-decorative-cover" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:notebook-with-decorative-cover" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--notebook-with-decorative-cover]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:notebook-with-decorative-cover"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:notebook-with-decorative-cover"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/notebook-with-decorative-cover.svg" alt="Icône Notebook With Decorative Cover" width="24" height="24">Icônes similaires dans Fluent Emoji High Contrast
L'icône Notebook With Decorative Cover dans d'autres collections
FAQ : Icône Notebook With Decorative Cover
L'icône Notebook With Decorative Cover est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Notebook With Decorative Cover dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:notebook-with-decorative-cover" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Notebook With Decorative Cover à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/notebook-with-decorative-cover.svg" alt="Icône Notebook With Decorative Cover">, ou collez le code SVG directement dans la page pour le styliser en CSS.