Icône Exploding Head
openmoji:exploding-head
L'icône Exploding Head (openmoji:exploding-head) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- OpenMoji
- Auteur
- OpenMoji
- Licence
- CC-BY-SA-4.0
- Taille
- 72 × 72
- Catégorie
- Smileys et émotions
- Mots-clés
- explodinghead
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGisG2xdrm" d="M36.285 57.943c2.897 0 5.245-2.927 5.245-6.538s-2.348-6.539-5.245-6.539s-5.245 2.928-5.245 6.539s2.348 6.538 5.245 6.538"/></defs><use href="#SVGisG2xdrm"/><path fill="#f1b31c" d="M17.285 26.193a10.7 10.7 0 0 0 5.137 1.432c.312.013.566.13.626.295c.918 2.513 5.15 4.402 10.15 4.402a14.94 14.94 0 0 0 8.031-2.036a1.05 1.05 0 0 1 .758-.117a10.6 10.6 0 0 0 2.348.241c3.232 0 5.885-1.316 6.16-2.994c.027-.16.27-.29.569-.307a9.6 9.6 0 0 0 3.962-1.045a46.12 46.12 0 0 0-37.74.128Z"/><path fill="#fcea2b" d="M36.285 62.013a23.004 23.004 0 0 0 18.936-36.06a9.5 9.5 0 0 1-4.168 1.16c-.3.017-.542.146-.568.306c-.276 1.678-2.93 2.994-6.161 2.994a10.6 10.6 0 0 1-2.348-.24a1.05 1.05 0 0 0-.758.116a14.94 14.94 0 0 1-8.03 2.036c-5.004 0-9.236-1.889-10.15-4.402c-.06-.164-.315-.282-.627-.294a10.65 10.65 0 0 1-5.2-1.472a23 23 0 0 0 19.076 35.85Z"/><use href="#SVGisG2xdrm"/><path fill="#fff" d="M23.265 15.383c-.024.14-.246.253-.521.268c-3.348.182-5.924 1.861-5.924 3.904c0 2.165 2.948 3.92 6.585 3.92h.492a8.3 8.3 0 0 1 1.942 2.698a21.4 21.4 0 0 1 1.197 4.668l.077.442a17.3 17.3 0 0 0 6.07 1.038a14.94 14.94 0 0 0 8.032-2.036a1.05 1.05 0 0 1 .757-.117a10.6 10.6 0 0 0 2.348.241a12 12 0 0 0 1.294-.072a19.4 19.4 0 0 1 1.11-4.164a8.3 8.3 0 0 1 1.942-2.698h-.152c3.993-.002 7.229-1.856 7.229-4.142c0-2.193-2.976-3.988-6.741-4.133c-.287-.011-.52-.114-.575-.258c-.84-2.199-4.72-3.852-9.307-3.852a14.2 14.2 0 0 0-7.362 1.782a1 1 0 0 1-.694.103a10.2 10.2 0 0 0-2.152-.211c-2.963 0-5.395 1.152-5.648 2.619Z"/><path d="M48.285 38.013a3 3 0 1 1-3-3a3 3 0 0 1 3 3m-18 0a3 3 0 1 1-3-3a3 3 0 0 1 3 3"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36.285 62.013a23.004 23.004 0 0 0 18.936-36.06a9.5 9.5 0 0 1-4.168 1.16c-.3.017-.542.146-.568.306c-.276 1.678-2.93 2.994-6.161 2.994a10.6 10.6 0 0 1-2.348-.24a1.05 1.05 0 0 0-.758.116a14.94 14.94 0 0 1-8.03 2.036c-5.004 0-9.236-1.889-10.15-4.402c-.06-.164-.315-.282-.627-.294a10.65 10.65 0 0 1-5.2-1.472a23 23 0 0 0 19.076 35.85Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36.285 57.943c2.897 0 5.245-2.927 5.245-6.538s-2.348-6.539-5.245-6.539s-5.245 2.928-5.245 6.539s2.348 6.538 5.245 6.538m-13.02-42.56c-.024.14-.246.253-.521.268c-3.348.182-5.924 1.861-5.924 3.904c0 2.165 2.948 3.92 6.585 3.92h.492a8.3 8.3 0 0 1 1.942 2.698a21.4 21.4 0 0 1 1.197 4.668l.077.442a17.3 17.3 0 0 0 6.07 1.038a14.94 14.94 0 0 0 8.032-2.036a1.05 1.05 0 0 1 .757-.117a10.6 10.6 0 0 0 2.348.241a12 12 0 0 0 1.294-.072a19.4 19.4 0 0 1 1.11-4.164a8.3 8.3 0 0 1 1.942-2.698h-.152c3.993-.002 7.229-1.856 7.229-4.142c0-2.193-2.976-3.988-6.741-4.133c-.287-.011-.52-.114-.575-.258c-.84-2.199-4.72-3.852-9.307-3.852a14.2 14.2 0 0 0-7.362 1.782a1 1 0 0 1-.694.103a10.2 10.2 0 0 0-2.152-.211c-2.963 0-5.395 1.152-5.648 2.619Z"/><path fill="none" stroke="#000" stroke-width="2" d="M23.785 23.593a17.7 17.7 0 0 0-6.5 2.5m31-2.5a19.3 19.3 0 0 1 7 2.5"/><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M23.905 23.483c2.064.59 6.546 1.062 7.962-1.77c2.123 2.124 7.077 1.475 8.846 0c.884 1.77 4.423 3.186 7.962 1.77"/></svg>Comment utiliser l'icône Exploding Head
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:exploding-head" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:exploding-head" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:exploding-head" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--exploding-head]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:exploding-head"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:exploding-head"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/openmoji/exploding-head.svg" alt="Icône Exploding Head" width="24" height="24">L'icône Exploding Head dans d'autres collections
FAQ : Icône Exploding Head
L'icône Exploding Head est-elle gratuite pour un usage commercial ?
Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Exploding Head dans React ?
Installez @iconify/react et affichez <Icon icon="openmoji:exploding-head" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Exploding Head à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/exploding-head.svg" alt="Icône Exploding Head">, ou collez le code SVG directement dans la page pour le styliser en CSS.