Icône Notebook Bookmark Bold

solar:notebook-bookmark-bold

L'icône Notebook Bookmark Bold (solar:notebook-bookmark-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar 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: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: École
Mots-clés: notebookbookmark, bookmarkbold, notebookbookmarkbold

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M14.2502 4.47954L14.2502 7.5372C14.25 7.64842 14.2498 7.80699 14.271 7.9431C14.297 8.10951 14.3826 8.43079 14.7153 8.62611C15.0357 8.81422 15.349 8.74436 15.498 8.69806C15.6278 8.6577 15.7702 8.58988 15.8764 8.5393L17.0002 8.00545L18.124 8.5393C18.2302 8.58987 18.3725 8.6577 18.5024 8.69806C18.6513 8.74436 18.9647 8.81422 19.2851 8.62611C19.6177 8.43079 19.7033 8.10952 19.7293 7.9431C19.7506 7.807 19.7504 7.64845 19.7502 7.53723L19.7502 3.0313C19.863 3.026 19.9737 3.02152 20.082 3.01775C21.1538 2.98041 22 3.86075 22 4.93319V16.1436C22 17.2546 21.094 18.1535 19.9851 18.2228C19.0157 18.2835 17.8767 18.402 17 18.6334C15.9185 18.9187 14.6271 19.5365 13.6276 20.0692C13.3485 20.218 13.0531 20.3257 12.7502 20.3925V5.17387C13.0709 5.0953 13.3824 4.97142 13.6738 4.80275C13.8581 4.6961 14.0514 4.58732 14.2502 4.47954ZM19.7278 12.8181C19.8282 13.2199 19.5839 13.6271 19.1821 13.7276L15.1821 14.7276C14.7802 14.8281 14.373 14.5837 14.2726 14.1819C14.1721 13.7801 14.4164 13.3729 14.8183 13.2724L18.8183 12.2724C19.2201 12.1719 19.6273 12.4163 19.7278 12.8181Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M11.2502 5.21397C10.9159 5.15048 10.5894 5.03785 10.2823 4.87546C9.29611 4.35401 8.04921 3.76431 7 3.48744C6.11349 3.25351 4.95877 3.1349 3.9824 3.07489C2.8863 3.00752 2 3.89963 2 4.9978V16.1436C2 17.2546 2.90605 18.1535 4.01486 18.2228C4.98428 18.2835 6.12329 18.402 7 18.6334C8.08145 18.9187 9.37293 19.5365 10.3724 20.0692C10.6516 20.218 10.9472 20.3258 11.2502 20.3926V5.21397ZM4.27257 8.8181C4.37303 8.41625 4.78023 8.17193 5.18208 8.27239L9.18208 9.27239C9.58393 9.37285 9.82825 9.78006 9.72778 10.1819C9.62732 10.5837 9.22012 10.8281 8.81828 10.7276L4.81828 9.72761C4.41643 9.62715 4.17211 9.21994 4.27257 8.8181ZM5.18208 12.2724C4.78023 12.1719 4.37303 12.4163 4.27257 12.8181C4.17211 13.2199 4.41643 13.6271 4.81828 13.7276L8.81828 14.7276C9.22012 14.8281 9.62732 14.5837 9.72778 14.1819C9.82825 13.7801 9.58393 13.3729 9.18208 13.2724L5.18208 12.2724Z" clip-rule="evenodd"/><path d="M18.2502 3.15101C17.6301 3.22431 17.0206 3.33159 16.5 3.48744C16.2585 3.55975 16.0064 3.65141 15.7502 3.7564V3.95002V6.93859L16.4995 6.58266L16.5083 6.57822C16.5573 6.55316 16.7638 6.44757 17.0002 6.44757C17.0477 6.44757 17.094 6.45184 17.1381 6.45887C17.3132 6.48679 17.4529 6.5582 17.4921 6.57822L17.5009 6.58265L18.2502 6.93859V3.64665V3.15101Z"/></g></svg>

Comment utiliser l'icône Notebook Bookmark Bold

React

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

<Icon icon="solar:notebook-bookmark-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:notebook-bookmark-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:notebook-bookmark-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--notebook-bookmark-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:notebook-bookmark-bold"></div>

Web component

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

<iconify-icon icon="solar:notebook-bookmark-bold"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/notebook-bookmark-bold.svg" alt="Icône Notebook Bookmark Bold" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Notebook Bookmark Bold

L'icône Notebook Bookmark Bold est-elle gratuite pour un usage commercial ?

Oui. Les Solar 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 Notebook Bookmark Bold dans React ?

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

Comment ajouter l'icône Notebook Bookmark Bold à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/notebook-bookmark-bold.svg" alt="Icône Notebook Bookmark Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →