Icône Trove
simple-icons:trove
L'icône Trove (simple-icons:trove) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.0, 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
- Simple Icons
- Auteur
- Simple Icons Collaborators
- Licence
- CC0-1.0
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.922 8.43c-1.393.035-2.506 1.213-2.486 2.606a2.53 2.53 0 0 0 1.763 2.392l.25-1.123a1.42 1.42 0 0 1-.875-1.307c0-.883.816-1.594 1.72-1.396c.56.122.994.58 1.095 1.143a1.42 1.42 0 0 1-.854 1.558l.25 1.123a2.54 2.54 0 0 0 1.764-2.428a2.557 2.557 0 0 0-2.627-2.568M.189 8.5a.14.14 0 0 0-.136.137v.776c0 .07.058.134.136.134h1.016v3.797a.14.14 0 0 0 .135.135h.853a.14.14 0 0 0 .137-.135V9.547h1.016a.136.136 0 0 0 .136-.134v-.776a.14.14 0 0 0-.136-.137zm4.504 0a.136.136 0 0 0-.134.137v4.707c0 .071.056.137.134.137h.846a.143.143 0 0 0 .137-.137v-1.812h.49l.945 1.884a.13.13 0 0 0 .114.065h.947c.12 0 .17-.115.121-.207l-.975-1.807c.62-.249 1.053-.775 1.053-1.43c0-.846-.697-1.537-1.55-1.537zm10.356 0c-.107 0-.164.094-.121.186l2.218 4.787a.14.14 0 0 0 .122.078h.072c.057 0 .1-.035.12-.078l2.233-4.787c.043-.092-.014-.186-.12-.186h-.946a.14.14 0 0 0-.121.079l-1.174 2.597h-.043L16.115 8.58a.14.14 0 0 0-.12-.079zm5.805 0a.14.14 0 0 0-.137.137v4.707c0 .071.058.137.137.137h2.943a.136.136 0 0 0 .135-.137v-.775a.134.134 0 0 0-.135-.135h-1.97v-.96h1.622a.134.134 0 0 0 .135-.136v-.775a.14.14 0 0 0-.135-.135h-1.623v-.88h1.97a.134.134 0 0 0 .136-.135v-.776a.136.136 0 0 0-.135-.137zM5.676 9.518h1.053c.291 0 .539.242.539.541s-.248.568-.54.568H5.677zM.135 14.526A.134.134 0 0 0 0 14.66v.775c0 .071.056.135.135.135h10.588l.232-1.045zm12.896 0l.233 1.045h10.601a.134.134 0 0 0 .135-.135v-.775a.134.134 0 0 0-.135-.135z"/></svg>Comment utiliser l'icône Trove
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:trove" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:trove" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:trove" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--trove]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:trove"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:trove"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/trove.svg" alt="Icône Trove" width="24" height="24">L'icône Trove dans d'autres collections
FAQ : Icône Trove
L'icône Trove est-elle gratuite pour un usage commercial ?
Oui. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Trove dans React ?
Installez @iconify/react et affichez <Icon icon="simple-icons:trove" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Trove à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/simple-icons/trove.svg" alt="Icône Trove">, ou collez le code SVG directement dans la page pour le styliser en CSS.