ICONYZ
Français
Icône Dribbble Outlined de Ant Design Icons

Icône Dribbble Outlined

ant-design:dribbble-outlined

L'icône Dribbble Outlined (ant-design:dribbble-outlined) est une icône SVG gratuite de la collection Ant Design Icons par HeskeyBaozi. Elle est dessinée sur une grille de 1024 × 1024. Les Ant Design 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
Ant Design Icons
Auteur
HeskeyBaozi
Licence
MIT
Taille
1024 × 1024
Mots-clés
dribbbleoutlined, dribbble outline, dribbble
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 96C282.6 96 96 282.6 96 512s186.6 416 416 416s416-186.6 416-416S741.4 96 512 96m275.1 191.8c49.5 60.5 79.5 137.5 80.2 221.4c-11.7-2.5-129.2-26.3-247.4-11.4c-2.5-6.1-5-12.2-7.6-18.3c-7.4-17.3-15.3-34.6-23.6-51.5C720 374.3 779.6 298 787.1 287.8M512 157.2c90.3 0 172.8 33.9 235.5 89.5c-6.4 9.1-59.9 81-186.2 128.4c-58.2-107-122.7-194.8-132.6-208c27.3-6.6 55.2-9.9 83.3-9.9M360.9 191c9.4 12.8 72.9 100.9 131.7 205.5C326.4 440.6 180 440 164.1 439.8c23.1-110.3 97.4-201.9 196.8-248.8M156.7 512.5c0-3.6.1-7.3.2-10.9c15.5.3 187.7 2.5 365.2-50.6c10.2 19.9 19.9 40.1 28.8 60.3c-4.7 1.3-9.4 2.7-14 4.2C353.6 574.9 256.1 736.4 248 750.1c-56.7-63-91.3-146.3-91.3-237.6M512 867.8c-82.2 0-157.9-28-218.1-75c6.4-13.1 78.3-152 278.7-221.9l2.3-.8c49.9 129.6 70.5 238.3 75.8 269.5A350.5 350.5 0 0 1 512 867.8m198.5-60.7c-3.6-21.6-22.5-125.6-69-253.3C752.9 536 850.7 565.2 862.8 569c-15.8 98.8-72.5 184.2-152.3 238.1"/></svg>

Comment utiliser l'icône Dribbble Outlined

React

import { Icon } from "@iconify/react";

<Icon icon="ant-design:dribbble-outlined" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ant-design:dribbble-outlined" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ant-design:dribbble-outlined" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--dribbble-outlined]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:dribbble-outlined"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ant-design:dribbble-outlined"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/ant-design/dribbble-outlined.svg" alt="Icône Dribbble Outlined" width="24" height="24">

Icônes similaires dans Ant Design Icons

FAQ : Icône Dribbble Outlined

L'icône Dribbble Outlined est-elle gratuite pour un usage commercial ?

Oui. Les Ant Design Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Dribbble Outlined dans React ?

Installez @iconify/react et affichez <Icon icon="ant-design:dribbble-outlined" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Dribbble Outlined à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ant-design/dribbble-outlined.svg" alt="Icône Dribbble Outlined">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Ant Design Icons →