Icône Dribbble
et:dribbble
L'icône Dribbble (et:dribbble) est une icône SVG gratuite de la collection Elegant par Kenny Sing. Elle est dessinée sur une grille de 32 × 32. Les Elegant icons sont publiées sous la licence GPL 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux ; les versions modifiées des fichiers d'icônes doivent conserver la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Elegant
- Auteur
- Kenny Sing
- Licence
- GPL-3.0-or-later
- Taille
- 32 × 32
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16-.034C7.158-.034-.034 7.158-.034 16S7.158 32.034 16 32.034S32.034 24.842 32.034 16S24.842-.034 16-.034m0 31C7.748 30.966 1.034 24.252 1.034 16S7.748 1.034 16 1.034S30.966 7.748 30.966 16S24.252 30.966 16 30.966"/><path d="M21.851 10.505A7.95 7.95 0 0 0 16 7.966c-1.05 0-2.075.202-3.047.602A8.01 8.01 0 0 0 7.966 16c0 2.428 1.082 4.7 2.971 6.235A8.05 8.05 0 0 0 16 24.034a8 8 0 0 0 3.352-.738a8.01 8.01 0 0 0 4.401-5.211v-.001c.186-.7.281-1.401.281-2.084a8 8 0 0 0-2.183-5.495m.985 6.8c-.177-.038-.349-.055-.525-.086c-.233-.041-.466-.084-.696-.114c-.273-.035-.54-.053-.808-.071c-.216-.014-.432-.033-.644-.036c-.066-.001-.136-.011-.202-.011q-.528.001-1.048.047c-.045.004-.089.013-.134.017c-.28.028-.559.06-.833.108c-.045-.117-.096-.227-.142-.343a46 46 0 0 0-.576-1.392c-.049-.112-.092-.23-.141-.341c.105-.042.199-.089.301-.133q.157-.067.308-.136q.332-.156.637-.324c.065-.036.134-.069.197-.105q.39-.226.736-.468l.158-.118q.262-.19.498-.385a12 12 0 0 0 .752-.693a10 10 0 0 0 .393-.428c.024-.028.052-.056.075-.084a10 10 0 0 0 .366-.461A6.92 6.92 0 0 1 22.966 16q0 .642-.13 1.305M16 9.034c1.796 0 3.474.672 4.772 1.902l-.041.06q-.058.08-.12.16a9 9 0 0 1-.384.473a9 9 0 0 1-.789.79c-.059.052-.114.104-.176.156a9 9 0 0 1-.588.453l-.043.028q-.296.206-.628.398c-.081.047-.17.091-.255.137a9 9 0 0 1-.502.255a9 9 0 0 1-.332.145c-.09.038-.187.073-.28.11c-.025-.053-.051-.099-.076-.152a42 42 0 0 0-.625-1.253l-.048-.09a40 40 0 0 0-.584-1.074l-.131-.232q-.29-.507-.56-.955l-.119-.194a39 39 0 0 0-.465-.74l-.048-.076A7 7 0 0 1 16 9.034m-3.039.7l.018.027a40 40 0 0 1 1.199 1.956l.066.117c.187.328.379.679.574 1.045l.112.21q.31.592.626 1.246l.045.094c-.332.093-.658.194-1.012.261l-.164.027c-1.074.19-2.246.258-3.5.21c-.097-.004-.191-.004-.29-.009a23 23 0 0 1-1.492-.143a6.95 6.95 0 0 1 3.818-5.041M9.034 16l.002-.145c.142.017.274.018.415.032a24 24 0 0 0 1.824.116c.135.003.279.016.412.016h.001c.287 0 .563-.017.841-.03c.117-.005.237-.005.352-.012a16 16 0 0 0 1.505-.169c.126-.02.245-.048.368-.071q.56-.105 1.086-.25c.073-.02.153-.03.224-.052q.076.17.15.343a41 41 0 0 1 .67 1.624c-.108.031-.208.07-.314.104a10 10 0 0 0-1.045.388c-.113.049-.229.094-.339.146q-.373.176-.72.374c-.056.031-.116.06-.171.092q-.427.25-.813.523c-.072.05-.137.103-.207.154c-.182.134-.361.268-.529.406c-.085.07-.164.14-.246.21a14 14 0 0 0-.414.37q-.12.113-.234.226q-.181.18-.348.357q-.108.114-.21.226l-.079.084A6.94 6.94 0 0 1 9.034 16m3.018 5.737l.05-.058c.06-.067.126-.134.189-.202a11 11 0 0 1 .539-.537a12 12 0 0 1 1.037-.864q.12-.091.242-.179q.301-.21.626-.404c.04-.024.076-.05.117-.074q.388-.225.811-.423c.086-.04.178-.074.266-.112q.303-.134.624-.249q.172-.058.35-.112c.116-.036.238-.067.358-.1c.225.627.445 1.258.642 1.904l.028.085c.207.686.387 1.385.56 2.087a6.98 6.98 0 0 1-6.439-.762m7.434.286a43 43 0 0 0-.517-1.867l-.02-.073a43 43 0 0 0-.618-1.883c.145-.023.289-.05.436-.067c.122-.014.244-.03.367-.039q.535-.041 1.086-.03c.041.001.081-.003.122-.001q.62.023 1.257.112c.115.016.232.04.348.059c.198.033.399.077.599.119a6.92 6.92 0 0 1-3.06 3.67"/></g></svg>
Comment utiliser l'icône Dribbble
React
import { Icon } from "@iconify/react";
<Icon icon="et:dribbble" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="et:dribbble" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="et:dribbble" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[et--dribbble]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:dribbble"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="et:dribbble"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/et/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 Elegant icons sont publiées sous la licence GPL 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux ; les versions modifiées des fichiers d'icônes doivent conserver la même licence.
Comment utiliser l'icône Dribbble dans React ?
Installez @iconify/react et affichez <Icon icon="et: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/et/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 Elegant →
ICONYZ
