Icône Angry
fxemoji:angry
L'icône Angry (fxemoji:angry) est une icône SVG gratuite de la collection Firefox OS Emoji par Mozilla. Elle est dessinée sur une grille de 512 × 512. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, 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
- Firefox OS Emoji
- Auteur
- Mozilla
- Licence
- Apache-2.0
- Taille
- 512 × 512
- Catégorie
- Personnes
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FF473E" d="M256 35.3c-121.8 0-220.6 98.8-220.6 220.6c0 2.8.1 5.6.2 8.4c-12.9 1.7-22.9 12.5-22.9 25.9c0 14.5 11.7 26.2 26.2 26.2h4.9C70.1 408.9 155.1 476.6 256 476.6c121.9 0 220.6-98.8 220.6-220.6c0-121.9-98.8-220.7-220.6-220.7"/><path fill="#2B3B47" d="M170.5 200.1v41.3c0 13.4-10.8 24.2-24.2 24.2s-24.2-10.8-24.2-24.2v-54.3zm220.2-13v54.3c0 13.4-10.8 24.2-24.2 24.2s-24.2-10.8-24.2-24.2v-41.3z"/><path fill="#D32A2A" d="M169.3 208.3c-.8 0-1.5-.1-2.3-.3l-51.5-15.1c-4.3-1.3-6.8-5.8-5.5-10.1s5.8-6.8 10.1-5.5l51.5 15.1c4.3 1.3 6.8 5.8 5.5 10.1c-1 3.5-4.3 5.8-7.8 5.8m172.9 0c-3.4 0-6.6-2.2-7.8-5.6c-1.4-4.3.9-8.9 5.2-10.3l54.2-17.7c4.3-1.4 8.9.9 10.3 5.2s-.9 8.9-5.2 10.3l-54.2 17.7c-.8.3-1.6.4-2.5.4"/><path fill="#2B3B47" d="M315.7 352.9c-2.4-20.9-18.9-49.6-57.1-49.6c-39.7 0-56 31.2-57.3 52.2c-.3 5.6 2.3 10.9 6.8 14.2s10.5 4.1 15.7 2.1c.1 0 11.4-4.2 32.7-4.2c22.2 0 37.9 4.6 38.1 4.7c1.6.5 3.2.7 4.8.7h.1c9.1 0 16.5-7.4 16.5-16.5c.1-1.3-.1-2.5-.3-3.6"/><path fill="#D32A2A" d="M476.4 265.8c.1-3.3.3-6.6.3-9.9c0-58.9-23.1-112.4-60.8-152c21.3 34.5 33.6 75.2 33.6 118.8c0 125.2-101.5 226.6-226.7 226.6c-43.6 0-84.2-12.3-118.8-33.6c39.6 37.7 93.1 60.9 152 60.9c100.3 0 185-67 211.7-158.7h5.1c14.5 0 26.2-11.7 26.2-26.2c0-13.3-9.9-24.1-22.6-25.9"/></svg>
Comment utiliser l'icône Angry
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:angry" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:angry" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:angry" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--angry]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:angry"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:angry"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/angry.svg" alt="Icône Angry" width="24" height="24">
L'icône Angry dans d'autres collections
FAQ : Icône Angry
L'icône Angry est-elle gratuite pour un usage commercial ?
Oui. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Angry dans React ?
Installez @iconify/react et affichez <Icon icon="fxemoji:angry" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Angry à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fxemoji/angry.svg" alt="Icône Angry">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Firefox OS Emoji →
ICONYZ
