Icône Dribbble
fontisto:dribbble
L'icône Dribbble (fontisto:dribbble) est une icône SVG gratuite de la collection Fontisto par Kenan Gündoğan. Elle est dessinée sur une grille de 24 × 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
- 24 × 24
- Catégorie
- Marque
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 21.44c-.541-2.962-1.298-5.573-2.287-8.067l.1.286h-.031l-.031.016q-.25.094-.672.258t-1.578.766c-.836.434-1.537.859-2.207 1.324l.066-.044a13.7 13.7 0 0 0-2.04 1.781l-.007.007a8.4 8.4 0 0 0-1.588 2.262l-.022.05l-.234-.172a10 10 0 0 0 6.454 2.344h.081H12h.005a10.2 10.2 0 0 0 4.062-.837l-.066.026zm-2.89-9.484q-.328-.766-.828-1.734c-3.057.923-6.57 1.454-10.207 1.454l-.325-.001h.017c-.01.086-.016.186-.016.287v.043v-.002v.042c0 1.315.252 2.57.711 3.721l-.024-.068a10.3 10.3 0 0 0 1.946 3.158l-.008-.009A13.2 13.2 0 0 1 6.31 16.24l-.005.005a14 14 0 0 1 2.183-1.916l.043-.029q1.078-.734 2.039-1.266c.432-.254.944-.506 1.474-.721l.081-.029l.578-.203l.203-.054q.117-.031.212-.077l-.008.003zM11.44 8.64a53.5 53.5 0 0 0-3.913-6.047l.1.14c-2.866 1.381-4.962 3.97-5.644 7.088l-.012.068c3.37-.007 6.63-.463 9.729-1.31zm10.687 4.984a14.4 14.4 0 0 0-4.214-.614q-1.153.001-2.259.172l.082-.01c.79 2.06 1.482 4.519 1.958 7.055l.042.273a10.3 10.3 0 0 0 2.866-2.92l.024-.04a10 10 0 0 0 1.49-3.856l.008-.058zM9.549 2.046a.04.04 0 0 0-.031.016a.04.04 0 0 1 .029-.014zm9.218 2.265a9.83 9.83 0 0 0-6.635-2.561l-.137.001h.007c-.861.003-1.695.111-2.493.312l.071-.015a44 44 0 0 1 3.723 5.735l.117.234c.794-.3 1.464-.618 2.102-.983l-.071.037a13.5 13.5 0 0 0 1.545-.986l-.037.026c.376-.287.71-.578 1.023-.891q.309-.295.576-.621l.01-.012zm3.484 7.579a9.98 9.98 0 0 0-2.341-6.422l.013.016l-.016.016q-.141.187-.297.383a9 9 0 0 1-.674.689l-.006.006q-.51.487-1.078.923l-.031.023a17 17 0 0 1-3.503 1.981l-.114.042q.39.828.687 1.484l.102.266c.036.104.076.191.121.275l-.005-.009q.56-.08 1.164-.11t1.149-.031q.547 0 1.078.023t1 .062t.88.086t.75.102l.57.094q.234.039.39.07zM24 12v.09c0 2.187-.598 4.234-1.64 5.987l.03-.054a12.05 12.05 0 0 1-4.311 4.337l-.056.03c-1.729 1.012-3.806 1.609-6.024 1.609s-4.295-.597-6.081-1.64l.057.031a12.05 12.05 0 0 1-4.337-4.311l-.03-.056C.596 16.294-.001 14.217-.001 11.999s.597-4.295 1.64-6.081l-.031.057a12.05 12.05 0 0 1 4.311-4.337l.056-.03C7.704.596 9.781-.001 11.999-.001s4.295.597 6.081 1.64l-.057-.031a12.05 12.05 0 0 1 4.337 4.311l.03.056A11.6 11.6 0 0 1 24 11.908v.096v-.005z"/></svg>
Comment utiliser l'icône Dribbble
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:dribbble" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:dribbble" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:dribbble" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--dribbble]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:dribbble"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:dribbble"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fontisto/dribbble.svg" alt="Icône Dribbble" width="24" height="24">
L'icône Dribbble dans d'autres collections
FAQ : Icône Dribbble
L'icône Dribbble 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 Dribbble dans React ?
Installez @iconify/react et affichez <Icon icon="fontisto:dribbble" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Dribbble à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fontisto/dribbble.svg" alt="Icône Dribbble">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fontisto →
ICONYZ
