Icône Whitesmilingface
fxemoji:whitesmilingface
L'icône Whitesmilingface (fxemoji:whitesmilingface) 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="#FFD469" d="M255.856 35.344c-121.846 0-220.615 98.783-220.615 220.617c0 3.27.085 6.519.226 9.754c-12.85 1.686-22.772 12.671-22.772 25.98c0 14.476 11.736 26.212 26.212 26.212h5.162c26.771 91.692 111.448 158.669 211.787 158.669c121.847 0 220.617-98.759 220.617-220.615c0-121.835-98.769-220.617-220.617-220.617"/><path fill="#FFB636" d="M476.247 265.715c.141-3.235.226-6.484.226-9.754c0-58.944-23.147-112.461-60.834-152.011c21.319 34.529 33.634 75.204 33.634 118.771c0 125.171-101.486 226.667-226.667 226.667c-43.556 0-84.232-12.316-118.779-33.62c39.569 37.662 93.086 60.808 152.029 60.808c100.34 0 185.017-66.977 211.788-158.669h5.162c14.477 0 26.212-11.736 26.212-26.212c.001-13.309-9.921-24.294-22.771-25.98"/><path fill="#2B3B47" d="M365.731 179.481c13.38 0 24.227 10.847 24.227 24.227v54.313c0 13.38-10.847.158-24.227.158s-24.227 13.222-24.227-.158v-54.313c0-13.381 10.847-24.227 24.227-24.227m-219.599 0c-13.38 0-24.227 10.847-24.227 24.227v54.313c0 13.38 10.847.158 24.227.158s24.227 13.222 24.227-.158v-54.313c0-13.381-10.847-24.227-24.227-24.227m108.205 196.59c17.331-.098 33.531-7.233 44.444-19.572c3.711-4.196 3.318-10.605-.878-14.316c-4.197-3.712-10.606-3.319-14.316.878c-7.095 8.021-17.799 12.659-29.366 12.725l-.251.001c-11.535 0-22.251-4.54-29.434-12.476c-3.759-4.153-10.173-4.475-14.326-.714c-4.153 3.758-4.473 10.172-.715 14.325c11.026 12.183 27.217 19.15 44.475 19.15z"/><path fill="#F2A74E" d="M343.707 271.369a7.606 7.606 0 0 1-3.388-14.421c16.181-8.035 34.663-8.272 50.705-.652a7.605 7.605 0 0 1 3.607 10.134a7.603 7.603 0 0 1-10.134 3.607c-11.802-5.607-25.438-5.411-37.413.537a7.6 7.6 0 0 1-3.377.795m-216.222-.795c11.974-5.947 25.611-6.142 37.413-.537a7.607 7.607 0 0 0 6.527-13.742c-16.044-7.62-34.524-7.382-50.705.652a7.606 7.606 0 0 0 3.389 14.421a7.55 7.55 0 0 0 3.376-.794"/></svg>Comment utiliser l'icône Whitesmilingface
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:whitesmilingface" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:whitesmilingface" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:whitesmilingface" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--whitesmilingface]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:whitesmilingface"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:whitesmilingface"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/whitesmilingface.svg" alt="Icône Whitesmilingface" width="24" height="24">FAQ : Icône Whitesmilingface
L'icône Whitesmilingface 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 Whitesmilingface dans React ?
Installez @iconify/react et affichez <Icon icon="fxemoji:whitesmilingface" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Whitesmilingface à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fxemoji/whitesmilingface.svg" alt="Icône Whitesmilingface">, ou collez le code SVG directement dans la page pour le styliser en CSS.