Icono Duck
game-icons:duck
El icono Duck (game-icons:duck) es un icono SVG gratuito de la colección Game Icons de GameIcons. Está dibujado en una cuadrícula de 512 × 512. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Game Icons
- Autor
- GameIcons
- Licencia
- CC-BY-3.0
- Tamaño
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M319.398 26.76c-9.51-.074-19.237 2.177-28.966 8.615c-75.118 49.7-18.154 114.97-2.026 166.176c11.882 2.75 26.068 3.496 40.574 1.786c17.012-2.006 34.346-7.262 49.022-15.365c-6.18-11.668 3.62-29.6 9.035-38.728l83.396-8.392c12.108-7.608 21.486-19.257 4.055-24.213l-82.885-11.448c7.013-28.32-22.403-65.608-41.035-71.92c-9.898-3.354-20.393-6.427-31.17-6.51zm29.043 49.21c8.286 0 15 6.716 15 15c0 8.285-6.714 15-15 15c-8.283 0-15-6.715-15-15s6.717-15 15-15m43.038 125.055c-18.094 11.122-39.446 17.72-60.388 20.188c-14.264 1.682-28.372 1.5-41.283-.82c-77.015 18.895-133.99 36.876-211.24 36.876c-24.21-3.115-31.616-11.996-50.368-20.08c16.237 56.88 3.742 95.626 64.382 131.193c105.145 50.197 218.445 51.527 320 0c21.96-11.142 33.838-103.735 17.986-127.114c-8.27-12.196-27.656-30.114-39.09-40.245zm-28.93 55.27c.275 28.072-13.338 50.968-33.58 67.04c-20.24 16.074-46.96 26.048-75.013 30.925c-28.053 4.876-57.493 4.613-83.498-.717s-48.854-15.582-62.87-32.49l13.856-11.487c9.996 12.058 29.158 21.53 52.63 26.342c23.47 4.81 50.974 5.107 76.8.617s49.922-13.804 66.902-27.287s26.994-30.408 26.774-52.765l17.997-.178zM176.17 416.35l-.266 44.437c-11.283 5.013-20.25 12.844-27.486 24.455h144c-14.892-14.892-33.408-29.823-64.274-31.777l.188-29.123a481 481 0 0 1-17.986-2.06l-.204 31.265c-5.774.325-11.17.92-16.205 1.844l.21-35.566c-6.128-1.044-12.176-2.194-17.978-3.474z"/></svg>
Cómo usar el icono Duck
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:duck" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:duck" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:duck" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--duck]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:duck"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:duck"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/game-icons/duck.svg" alt="Icono Duck" width="24" height="24">
Iconos relacionados en Game Icons
El icono Duck en otras colecciones
Preguntas frecuentes sobre Icono Duck
¿El icono Duck es gratis para uso comercial?
Sí. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Duck en React?
Instala @iconify/react y renderiza <Icon icon="game-icons:duck" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Duck a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/game-icons/duck.svg" alt="Icono Duck">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Game Icons →
ICONYZ
