Icône Sun Behind Cloud
fluent-emoji-flat:sun-behind-cloud
L'icône Sun Behind Cloud (fluent-emoji-flat:sun-behind-cloud) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, 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
- Fluent Emoji Flat
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Voyage et lieux
- Mots-clés
- sunbehind, behindcloud, sunbehindcloud
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#b4acbc" d="M27.988 13.843c-3.903-3.804-10.125-3.787-13.99.03l-2.048.703a4 4 0 0 0-1.922.66l-2.047.704A7.47 7.47 0 0 0 1 23.397c0 1.756.612 3.373 1.623 4.652A7.5 7.5 0 0 0 8.593 31h12.715a9.39 9.39 0 0 0 7.648-3.933c3.017-3.96 2.693-9.652-.968-13.224"/><path fill="#ff822d" d="M10.068 5.221c.8-1.635 3.16-1.627 3.944.016c.296.616 1.048.86 1.656.537l.377-.197c1.464-.782 3.192.466 2.88 2.085l-.08.41A1.19 1.19 0 0 0 19.86 9.47l.424.056c1.648.22 2.304 2.235 1.088 3.356l-.312.293a1.176 1.176 0 0 0-.008 1.721l.312.293c1.208 1.137.536 3.143-1.12 3.349l-.424.055a1.194 1.194 0 0 0-1.032 1.39l.08.41c.296 1.62-1.44 2.852-2.896 2.062l-.377-.205a1.216 1.216 0 0 0-1.664.529c-.8 1.635-3.16 1.627-3.944-.016a1.206 1.206 0 0 0-1.656-.537l-.377.197c-1.464.782-3.192-.466-2.88-2.085l.08-.41A1.19 1.19 0 0 0 4.14 18.53l-.424-.056c-1.648-.22-2.304-2.235-1.088-3.356l.312-.293a1.176 1.176 0 0 0 .008-1.721l-.312-.293c-1.208-1.137-.536-3.143 1.12-3.348l.424-.056a1.194 1.194 0 0 0 1.032-1.39l-.08-.41c-.296-1.62 1.44-2.852 2.896-2.062l.377.205c.608.324 1.36.087 1.664-.529"/><path fill="#f9c23c" d="M12 22a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#f3eef8" d="M14.575 14.71c3.467-3.557 9.158-3.618 12.715-.15c3.297 3.216 3.587 8.346.862 11.913A8.39 8.39 0 0 1 21.308 30H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 23.397a6.47 6.47 0 0 1 6.584-6.472a4.04 4.04 0 0 1 5.65-1.847a9 9 0 0 1 .341-.368"/></g></svg>
Comment utiliser l'icône Sun Behind Cloud
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:sun-behind-cloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:sun-behind-cloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:sun-behind-cloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--sun-behind-cloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:sun-behind-cloud"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:sun-behind-cloud"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sun-behind-cloud.svg" alt="Icône Sun Behind Cloud" width="24" height="24">
Icônes similaires dans Fluent Emoji Flat
L'icône Sun Behind Cloud dans d'autres collections
FAQ : Icône Sun Behind Cloud
L'icône Sun Behind Cloud est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sun Behind Cloud dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:sun-behind-cloud" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sun Behind Cloud à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sun-behind-cloud.svg" alt="Icône Sun Behind Cloud">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji Flat →
ICONYZ
