Icône Bookmark 24
qlementine-icons:bookmark-24
L'icône Bookmark 24 (qlementine-icons:bookmark-24) est une icône SVG gratuite de la collection Qlementine Icons par Olivier Cléro. Elle est dessinée sur une grille de 24 × 24. Les Qlementine 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
- Qlementine Icons
- Auteur
- Olivier Cléro
- Licence
- MIT
- Taille
- 24 × 24
- Catégorie
- Forme
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.1 20.3q.057.004.115.013c.176.026.346.091.687.222l4.75 1.94c.972.372 1.52.58 1.94.573l.173-.017c.342-.062.649-.23.868-.476l.089-.109c.19-.26.237-.636.249-1.27l.004-.73v-16.1c0-1.01 0-1.58-.164-2l-.081-.173a2.15 2.15 0 0 0-.828-.822l-.155-.08c-.361-.169-.806-.21-1.54-.221l-.834-.004v-1c.615 0 1.13 0 1.55.031c.43.033.845.103 1.24.288c.604.282 1.11.74 1.43 1.32c.218.392.3.804.337 1.22c.035.4.034.885.034 1.44v16.1c0 .531.002 1-.036 1.38c-.038.386-.127.823-.41 1.21a2.5 2.5 0 0 1-1.59.978c-.448.082-.875 0-1.26-.11c-.383-.112-.846-.289-1.39-.495l-.01-.004l-.01-.004l-4.75-1.94v-.001c-.36-.138-.413-.15-.454-.156a.6.6 0 0 0-.183 0c-.041.006-.093.018-.454.156l-4.75 1.94l-.01.004l-.012.004c-.539.206-1 .384-1.39.494c-.387.111-.814.192-1.26.111a2.54 2.54 0 0 1-1.59-.978c-.282-.386-.37-.822-.409-1.21c-.037-.38-.036-.853-.036-1.38v-16.1c0-.56-.001-1.05.034-1.44c.037-.413.12-.824.337-1.22a3.17 3.17 0 0 1 1.43-1.32c.397-.186.812-.256 1.24-.288c.421-.031.937-.03 1.55-.03v1c-1.26 0-1.89-.001-2.37.224a2.17 2.17 0 0 0-.983.902l-.08.173c-.165.422-.165.991-.165 2v16.1l.004.73c.012.637.06 1.01.25 1.27c.22.304.565.514.956.585c.335.06.731-.044 1.38-.279l.736-.277l4.75-1.94c.34-.13.51-.196.686-.222q.12-.018.242-.017l.115.004zM17.38 0v1H6.58V0z"/></svg>
Comment utiliser l'icône Bookmark 24
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:bookmark-24" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:bookmark-24" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:bookmark-24" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--bookmark-24]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:bookmark-24"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:bookmark-24"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/bookmark-24.svg" alt="Icône Bookmark 24" width="24" height="24">
Icônes similaires dans Qlementine Icons
L'icône Bookmark 24 dans d'autres collections
FAQ : Icône Bookmark 24
L'icône Bookmark 24 est-elle gratuite pour un usage commercial ?
Oui. Les Qlementine Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Bookmark 24 dans React ?
Installez @iconify/react et affichez <Icon icon="qlementine-icons:bookmark-24" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Bookmark 24 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/qlementine-icons/bookmark-24.svg" alt="Icône Bookmark 24">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Qlementine Icons →
ICONYZ
