Icono Dribbble
et:dribbble
El icono Dribbble (et:dribbble) es un icono SVG gratuito de la colección Elegant de Kenny Sing. Está dibujado en una cuadrícula de 32 × 32. Elegant icons se publican bajo la licencia GPL 3.0, que permite usarlos en proyectos personales y comerciales; las versiones modificadas de los archivos de iconos deben conservar la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Elegant
- Autor
- Kenny Sing
- Licencia
- GPL-3.0-or-later
- Tamaño
- 32 × 32
Código 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/et/dribbble.svg" alt="Icono Dribbble" width="24" height="24">
El icono Dribbble en otras colecciones
Preguntas frecuentes sobre Icono Dribbble
¿El icono Dribbble es gratis para uso comercial?
Sí. Elegant icons se publican bajo la licencia GPL 3.0, que permite usarlos en proyectos personales y comerciales; las versiones modificadas de los archivos de iconos deben conservar la misma licencia.
¿Cómo uso el icono Dribbble en React?
Instala @iconify/react y renderiza <Icon icon="et:dribbble" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Dribbble a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/et/dribbble.svg" alt="Icono Dribbble">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Elegant →
ICONYZ
