Icône Smiling Face With Horns
noto:smiling-face-with-horns
L'icône Smiling Face With Horns (noto:smiling-face-with-horns) est une icône SVG gratuite de la collection Noto Emoji par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto 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
- Noto Emoji
- Auteur
- Google Inc
- Licence
- Apache-2.0
- Taille
- 128 × 128
- Catégorie
- Smileys et émotions
- Mots-clés
- smilingface, facewith, withhorns, smilingfacewithhorns, horn
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#792D85" d="M8.88 7.38c9.23 9.39 21.36 17 32.89 16.67c1.1-.03 2.02.84 2.05 1.94c.01.32-.06.63-.19.92c-5.07 10.41-16.22 20.81-26.4 19.39c-.48-.06-.92-.31-1.23-.68c-6.64-7.94-11.3-23.81-10.55-37c.08-1.1 1.05-1.93 2.15-1.84c.48.04.94.25 1.28.6m110.19.25C109.84 17 97.71 24.6 86.18 24.3c-1.1-.03-2.02.84-2.05 1.94c-.01.32.06.63.19.92c5.07 10.41 16.22 20.81 26.4 19.39c.47-.07.91-.31 1.21-.68c6.63-7.94 11.29-23.81 10.55-37a1.99 1.99 0 0 0-2.16-1.82c-.47.04-.92.24-1.25.58"/><radialGradient id="SVGHBhIbdFA" cx="63.6" cy="2590.225" r="51.531" gradientTransform="translate(0 -2522)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FC01FC"/><stop offset="0" stop-color="#F0F"/><stop offset=".86" stop-color="#DF0BE2"/><stop offset="1" stop-color="#8E2698"/><stop offset="1" stop-color="#792D85"/></radialGradient><path fill="url(#SVGHBhIbdFA)" d="M63.6 118.8c-25.24 0-52.47-15.83-52.47-50.57S38.36 17.65 63.6 17.65c14 0 27 4.62 36.55 13c10.4 9.23 15.92 22.26 15.92 37.55s-5.52 28.22-15.92 37.45c-9.59 8.45-22.62 13.15-36.55 13.15"/><path fill="#792D85" d="M107.22 38.33a51.2 51.2 0 0 1 7.32 27.29c0 15.26-5.51 28.17-15.89 37.38c-9.57 8.4-22.57 13.09-36.48 13.09c-16.3 0-33.43-6.63-43.49-20.71c9.71 16 28 23.42 45.3 23.42c13.9 0 26.9-4.69 36.47-13.09c10.39-9.21 15.89-22.12 15.89-37.38c0-11.5-3.13-21.72-9.12-30"/><path fill="#422B0D" d="M81.27 87.54c1.21-.02 2.32.64 2.9 1.7c.7 1.5.52 3.26-.47 4.58c-2.22 3.37-9.52 8.72-19.7 8.72s-17.48-5.35-19.69-8.72a4.46 4.46 0 0 1-.47-4.57a3.23 3.23 0 0 1 2.9-1.71c.41 0 .82.06 1.21.19c5.2 1.57 10.61 2.35 16.05 2.32c5.42.03 10.81-.75 16-2.32c.39-.13.8-.19 1.21-.19zM58.14 68.82C55.9 66 46.67 60.58 43.34 59c-1.24-.57-2.53-1.03-3.85-1.37c-.24-.07-.5-.1-.75-.1A2.87 2.87 0 0 0 36 59.82a2.92 2.92 0 0 0 1.67 3.32c1.57.77 4.31 2.23 7.15 3.84A7.83 7.83 0 0 0 41 73.71v1.46c0 4.14 3.36 7.5 7.5 7.5s7.5-3.36 7.5-7.5v-1.63c1.07-.07 2.03-.71 2.5-1.67c.49-1 .35-2.19-.36-3.05m35.38-9a2.87 2.87 0 0 0-2.79-2.27c-.25 0-.51.03-.75.1c-1.32.33-2.61.79-3.85 1.35c-3.33 1.56-12.56 7-14.8 9.8a2.84 2.84 0 0 0-.33 3.07c.48.97 1.43 1.6 2.51 1.67v1.63c0 4.14 3.36 7.5 7.5 7.5s7.5-3.36 7.5-7.5v-1.46c0-2.75-1.45-5.3-3.81-6.71c2.84-1.61 5.58-3.07 7.15-3.84c1.29-.56 2-1.97 1.67-3.34"/><path fill="#896024" d="M48.12 68.45a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3m32.51 0a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3"/></svg>
Comment utiliser l'icône Smiling Face With Horns
React
import { Icon } from "@iconify/react";
<Icon icon="noto:smiling-face-with-horns" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:smiling-face-with-horns" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:smiling-face-with-horns" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--smiling-face-with-horns]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:smiling-face-with-horns"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:smiling-face-with-horns"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/noto/smiling-face-with-horns.svg" alt="Icône Smiling Face With Horns" width="24" height="24">
Icônes similaires dans Noto Emoji
L'icône Smiling Face With Horns dans d'autres collections
FAQ : Icône Smiling Face With Horns
L'icône Smiling Face With Horns est-elle gratuite pour un usage commercial ?
Oui. Les Noto 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 Smiling Face With Horns dans React ?
Installez @iconify/react et affichez <Icon icon="noto:smiling-face-with-horns" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Smiling Face With Horns à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/noto/smiling-face-with-horns.svg" alt="Icône Smiling Face With Horns">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Noto Emoji →
ICONYZ
