Ícone Dribble

topcoat:dribble

O ícone Dribble (topcoat:dribble) é um ícone SVG gratuito da coleção TopCoat Icons de TopCoat. Ele é desenhado em uma grade de 42 × 42. TopCoat Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: TopCoat Icons
Autor: TopCoat
Licença: Apache-2.0
Tamanho: 42 × 42

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><path fill="currentColor" d="M21 1C9.954 1 1 9.954 1 21s8.954 20 20 20s20-8.954 20-20S32.046 1 21 1m0 2.898c4.357 0 8.334 1.63 11.354 4.312c-2.219 2.927-5.59 4.876-8.968 6.195a89 89 0 0 0-6.415-10.03a17 17 0 0 1 4.03-.477zm-7.276 1.62c2.23 3.336 4.39 6.429 6.363 9.93c-4.99 1.293-10.629 2.069-15.838 2.082c1.098-5.328 4.677-9.752 9.475-12.011zm20.527 4.67a17.03 17.03 0 0 1 3.851 10.699c-3.956-.78-7.89-.984-11.896-.58c-.45-1.123-.996-2.19-1.519-3.34c3.453-1.393 7.145-3.777 9.564-6.78zm-12.775 7.906c.428.91.924 1.876 1.39 2.863c-5.57 2.456-11.495 5.738-14.57 11.492a17.04 17.04 0 0 1-4.39-11.95c5.965-.028 11.82-.774 17.57-2.405m9.038 4.663a29.2 29.2 0 0 1 7.375.95a17.1 17.1 0 0 1-7.347 11.487c-.918-4.175-1.793-8.17-3.34-12.198a23 23 0 0 1 3.311-.24zm7.464.31q-.017.146-.037.29q.02-.145.037-.29m-13.94.71c1.576 4.073 2.813 8.583 3.643 12.972a17.05 17.05 0 0 1-6.68 1.354a17.03 17.03 0 0 1-10.495-3.6c3.097-5.024 7.894-8.826 13.531-10.725z"/></svg>

Como usar o ícone Dribble

React

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

<Icon icon="topcoat:dribble" width="24" />

Vue

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

<template>
  <Icon icon="topcoat:dribble" width="24" />
</template>

Svelte

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

<Icon icon="topcoat:dribble" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[topcoat--dribble]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/topcoat -->
<div class="i-topcoat:dribble"></div>

Web component

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

<iconify-icon icon="topcoat:dribble"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/topcoat/dribble.svg" alt="Ícone Dribble" width="24" height="24">

O ícone Dribble em outras coleções

Perguntas frequentes sobre Ícone Dribble

O ícone Dribble é grátis para uso comercial?

Sim. TopCoat Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Dribble no React?

Instale @iconify/react e renderize <Icon icon="topcoat:dribble" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Dribble a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/topcoat/dribble.svg" alt="Ícone Dribble">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os TopCoat Icons →