Icône Vine
fontisto:vine
L'icône Vine (fontisto:vine) est une icône SVG gratuite de la collection Fontisto par Kenan Gündoğan. Elle est dessinée sur une grille de 21 × 24. Les Fontisto 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
- Fontisto
- Auteur
- Kenan Gündoğan
- Licence
- MIT
- Taille
- 21 × 24
- Catégorie
- Marque
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24"><path fill="currentColor" d="M21.039 11.96a6.5 6.5 0 0 1-1.636.203a6.7 6.7 0 0 1-1.973-.296l.047.013a4.78 4.78 0 0 1-2.591-1.954l-.011-.018a6.2 6.2 0 0 1-.959-3.544v.01a3.7 3.7 0 0 1 .476-2.046l-.01.018c.242-.425.69-.708 1.205-.712h.028c.48 0 .898.262 1.12.651l.003.006a3.5 3.5 0 0 1 .411 1.873v-.01a9.5 9.5 0 0 1-.457 2.752l.019-.068c.3.475.758.826 1.299.983l.016.004c.423.139.909.22 1.414.22h.069h-.003l.712-.11a9.7 9.7 0 0 0 .822-3.832v-.005a6.9 6.9 0 0 0-1.056-4.192l.017.028A4.89 4.89 0 0 0 15.71.017l.017-.001a5.06 5.06 0 0 0-4.077 1.773l-.006.007a6.68 6.68 0 0 0-1.507 4.506V6.29l-.001.169c0 1.714.437 3.326 1.205 4.731l-.026-.052a7.6 7.6 0 0 0 3.162 3.157l.041.02a22.4 22.4 0 0 1-4.167 5.866l.002-.002a27 27 0 0 1-3.712-6.126l-.068-.175C5.337 10.881 4.464 7.407 4.119 3.779l-.011-.147H-.001c.477 4.241 1.482 8.114 2.955 11.747l-.106-.295c.908 2.372 2.11 4.42 3.592 6.231l-.031-.039a10.6 10.6 0 0 0 2.535 2.331l.04.025c.343.232.766.37 1.222.37c.419 0 .811-.117 1.144-.321l-.01.005a11 11 0 0 0 1.857-1.582l.006-.006a26 26 0 0 0 2.525-2.942l.05-.072a22.7 22.7 0 0 0 2.351-3.81l.06-.135a13.2 13.2 0 0 0 2.938-.346l-.089.018z"/></svg>
Comment utiliser l'icône Vine
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:vine" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:vine" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:vine" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--vine]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:vine"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:vine"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fontisto/vine.svg" alt="Icône Vine" width="24" height="24">
L'icône Vine dans d'autres collections
FAQ : Icône Vine
L'icône Vine est-elle gratuite pour un usage commercial ?
Oui. Les Fontisto icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Vine dans React ?
Installez @iconify/react et affichez <Icon icon="fontisto:vine" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Vine à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fontisto/vine.svg" alt="Icône Vine">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fontisto →
ICONYZ
