Icône Angrybirds
whh:angrybirds
L'icône Angrybirds (whh:angrybirds) est une icône SVG gratuite de la collection WebHostingHub Glyphs par WebHostingHub. Elle est dessinée sur une grille de 1025 × 1024. Les WebHostingHub Glyphs icons sont publiées sous la Open Font License, 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
- WebHostingHub Glyphs
- Auteur
- WebHostingHub
- Licence
- OFL-1.1
- Taille
- 1025 × 1024
- Mots-clés
- angrybird
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="M1025 640q0 109-68 203q9 53-9 49q-5-1-13-9q-1-1-3.5-3t-2.5-3q-63 69-155 108t-197 39q-157 0-278-83T142 730q-81-14-124-32q-10-5-14.5-10t-2-12T7 663.5T18 648l5-5q1-1 5.5-7.5T34 628t5.5-6t6-6l6-4l7-3l7-.5l9 .5l9.5 4q15 6 45 25q0-16 2-32q-26-23-53.5-54T40 506q-3-4-4.5-7.5T33 492t0-6t1.5-5t3.5-4.5t4-3.5t5.5-3.5t6-3t7.5-3t7-3.5q2-1 8.5-4t8-3.5t7-2.5t7.5-2t6.5-.5t7 1t6 3t6.5 5t6 8.5q8 12 23 42q36-100 116.5-180.5T454 212q-22-6-53.5-6t-52.5-2t-27-12q-3-5-4.5-8.5t-1.5-7v-6l2.5-5.5l3.5-4.5l6-4.5l7-4.5l9-5l9-4.5q25-13 54-14t58 9t55 23.5t51 31.5h7q6 0 34 2l-2-2q-13-26-38-51.5T529.5 97T513 64q0-26 19-45t45-19q33 0 63 19.5t51 48t38 63t25.5 62T767 241q104 55 174 153l20-10l64 96l-31 12q31 76 31 148M897 800q0-14-45-55t-59-41q-21 0-54.5 9.5T705 736q0 11 5 18t16.5 10t19.5 3.5t23 .5q33 0 100 29q28 13 28 3m-120 96q24 0 79-55q-25-8-55.5-15.5t-69-15T680 800q14 30 48 63t49 33m132-373l-133 51q-7 17-7 34q0-17-7-34l-133-51q-24 13-38 35.5T577 608q0 40 28 68t68 28t68-28t28-68q0 40 28 68t68 28t68-28t28-68q0-27-14-49.5T909 523m-44 117q-13 0-22.5-9.5T833 608t9.5-22.5T865 576t22.5 9.5T897 608t-9.5 22.5T865 640m-192 0q-13 0-22.5-9.5T641 608t9.5-22.5T673 576t22.5 9.5T705 608t-9.5 22.5T673 640"/></svg>Comment utiliser l'icône Angrybirds
React
import { Icon } from "@iconify/react";
<Icon icon="whh:angrybirds" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:angrybirds" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:angrybirds" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--angrybirds]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:angrybirds"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:angrybirds"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/whh/angrybirds.svg" alt="Icône Angrybirds" width="24" height="24">FAQ : Icône Angrybirds
L'icône Angrybirds est-elle gratuite pour un usage commercial ?
Oui. Les WebHostingHub Glyphs icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Angrybirds dans React ?
Installez @iconify/react et affichez <Icon icon="whh:angrybirds" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Angrybirds à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/whh/angrybirds.svg" alt="Icône Angrybirds">, ou collez le code SVG directement dans la page pour le styliser en CSS.