Icône Sun With Face
emojione-v1:sun-with-face
L'icône Sun With Face (emojione-v1:sun-with-face) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) 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
- Emoji One (v1)
- Auteur
- Emoji One
- Licence
- CC-BY-SA-4.0
- Taille
- 64 × 64
- Catégorie
- Nature
- Mots-clés
- sunwith, withface, sunwithface
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#fbb041" d="M63.06 30.925q-5.991-1.741-11.982-3.486a21.3 21.3 0 0 0-2.317-5.621c1.991-3.652 3.99-7.304 5.984-10.956c.549-1-.541-2.093-1.542-1.543q-5.46 2.996-10.913 5.993a20.9 20.9 0 0 0-5.693-2.37C35.41 8.902 34.228 4.851 33.038.807c-.313-1.075-1.856-1.079-2.173 0l-3.536 12.147a21.2 21.2 0 0 0-5.594 2.322l-11.03-6.03c-.997-.544-2.093.546-1.542 1.546c2.02 3.671 4.03 7.343 6.05 11.01a21 21 0 0 0-2.331 5.654L.957 30.95c-1.073.315-1.08 1.862 0 2.175l11.928 3.47a21.3 21.3 0 0 0 2.396 5.748q-2.978 5.444-5.95 10.888c-.549.999.54 2.093 1.542 1.544q5.436-2.987 10.874-5.971a21.1 21.1 0 0 0 5.654 2.338c1.164 3.979 2.331 7.95 3.493 11.923c.319 1.076 1.865 1.078 2.176 0c1.154-3.968 2.313-7.937 3.465-11.905a21.2 21.2 0 0 0 5.717-2.36l10.808 5.907c.22.186.483.242.74.211c.274-.016.518-.143.706-.325c.209-.192.35-.454.367-.749a.95.95 0 0 0-.22-.744L48.73 42.31a21.3 21.3 0 0 0 2.345-5.696L63.061 33.1c1.077-.315 1.084-1.862.004-2.178"/><path fill="#f9ec21" d="M31.794 13.979c9.922 0 17.959 8.04 17.959 17.959c0 9.917-8.04 17.957-17.959 17.957c-9.916 0-17.958-8.04-17.958-17.957s8.04-17.959 17.958-17.959"/><path fill="#d88b25" d="M37.983 35.707h-.926c-.052 0-.082.017-.123.023c-.052.007-.097.009-.141.027a.6.6 0 0 0-.202.131c-.014.001-.027.014-.038.025c-2.238 2.182-5.171 2.679-7.963 1.242c-1.5-.771-1.376-1.449-2.98-1.449c-.656 0-.901.761-.504 1.217c3.618 4.176 9.761 4.176 13.381 0c.394-.455.151-1.216-.504-1.216m-7.644-7.118c-.686-1.873-2.24-3.666-4.391-3.625c-2 .039-3.21 2.159-3.865 3.764c-.408 1 1.215 1.434 1.618.447c.42-1.03 1.039-2.17 2.171-2.515c1.299-.397 2.487 1.385 2.847 2.375c.372 1.01 1.993.572 1.62-.446m2.911-.019c.686-1.871 2.242-3.664 4.391-3.623c2.01.038 3.212 2.158 3.866 3.763c.404 1-1.213 1.433-1.617.446c-.419-1.032-1.039-2.168-2.174-2.516c-1.295-.396-2.484 1.389-2.848 2.377c-.367 1.01-1.988.572-1.618-.447"/></svg>
Comment utiliser l'icône Sun With Face
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:sun-with-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:sun-with-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:sun-with-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--sun-with-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:sun-with-face"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:sun-with-face"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/sun-with-face.svg" alt="Icône Sun With Face" width="24" height="24">
Icônes similaires dans Emoji One (v1)
L'icône Sun With Face dans d'autres collections
FAQ : Icône Sun With Face
L'icône Sun With Face est-elle gratuite pour un usage commercial ?
Oui. Les Emoji One (v1) 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 Sun With Face dans React ?
Installez @iconify/react et affichez <Icon icon="emojione-v1:sun-with-face" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sun With Face à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/sun-with-face.svg" alt="Icône Sun With Face">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Emoji One (v1) →
ICONYZ
