Icône Duck
twemoji:duck
L'icône Duck (twemoji:duck) est une icône SVG gratuite de la collection Twitter Emoji par Twitter. Elle est dessinée sur une grille de 36 × 36. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Twitter Emoji
- Auteur
- Twitter
- Licence
- CC-BY-4.0
- Taille
- 36 × 36
- Catégorie
- Animaux et nature
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#d99e82" d="M12.75 17.75c1.226 2.195 1.856-1.361 9.312-2.625s13.729 4.454 13.859 5.413c.132.958-4.447 9.462-9.462 9.462H10.75c-4.143 0-7.022-7.224-4-11.438c0 0 4.5-3.5 6-.812"/><path fill="#c1694f" d="M13.008 18.136C8.02 25.073 6.969 30 10.75 30c-4.143 0-6.578-6.188-4.468-11.031c.463-1.064 1.758-2.492 1.758-2.492l4.179-.008c.162.32.599 1.365.789 1.667"/><path fill="#e1e8ed" d="M20.062 22.75c6.672-2.682 15.729-3.171 15.859-2.212c.132.958-4.447 9.462-9.462 9.462H11.813c-4.143 0 1.232-4.429 8.249-7.25"/><path fill="#292f33" d="M25.359 21.125c6-1.312 10.468-1.282 10.563-.587c.079.578-1.559 3.907-3.973 6.454c2.204-2.804 1.42-6.113-6.59-5.867"/><path fill="#3e721d" d="M7.125 6.125c1.562-4.938 10.44-4.143 10.062.688c-.378 4.829-6.453 7.859-4.179 11.323c-1.586 1.38-5.016.913-6.727.833a156 156 0 0 1 1.812-3.406c2.916-5.235-2.131-5.764-.968-9.438"/><path fill="#ffcc4d" d="M1.893 9.045c.568-1.1.549.106 3.352.142c1.554.021 1.463-.56 1.664-1.621c.041-.223.776 1.616 2.061 1.807c3.554.531 1.879 1.94 0 2.261c-.901.154-2.01.318-3.938.155c-2.519-.212-3.768-1.528-3.139-2.744"/><path fill="#f5f8fa" d="M12.502 16.625c.044.625.506 1.511.506 1.511c-1.016 1.474-5.643 3.017-7.354 2.93a7.7 7.7 0 0 1 .627-2.097c1.844-.471 4.661-1.071 6.221-2.344"/><path fill="#292f33" d="M11.708 6.151a1.296 1.296 0 1 1-2.591 0a1.296 1.296 0 0 1 2.591 0"/></svg>
Comment utiliser l'icône Duck
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:duck" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:duck" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:duck" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--duck]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:duck"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:duck"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/twemoji/duck.svg" alt="Icône Duck" width="24" height="24">
L'icône Duck dans d'autres collections
FAQ : Icône Duck
L'icône Duck est-elle gratuite pour un usage commercial ?
Oui. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Duck dans React ?
Installez @iconify/react et affichez <Icon icon="twemoji:duck" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Duck à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/twemoji/duck.svg" alt="Icône Duck">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Twitter Emoji →
ICONYZ
