Icône Sun Behind Rain Cloud

emojione:sun-behind-rain-cloud

L'icône Sun Behind Rain Cloud (emojione:sun-behind-rain-cloud) est une icône SVG gratuite de la collection Emoji One (Colored) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (Colored)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Nature
Mots-clés: sunbehind, behindrain, raincloud, sunbehindraincloud

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#ffce31"><circle cx="20" cy="20" r="8.4"/><path d="M23.4 10.2L20 2l-3.4 8.2c1.1-.2 2.2-.3 3.4-.3s2.3.1 3.4.3m-6.8 19.6L20 38l3.4-8.2c-1.1.2-2.2.3-3.4.3s-2.3-.1-3.4-.3m13.2-6.4L38 20l-8.2-3.4c.2 1.1.3 2.2.3 3.4s-.1 2.3-.3 3.4m-19.6-6.8L2 20l8.2 3.4c-.2-1.1-.3-2.2-.3-3.4s.1-2.3.3-3.4m19.1-1.1l3.4-8.2l-8.2 3.4c.9.6 1.8 1.3 2.6 2.2c.9.8 1.6 1.7 2.2 2.6m-18.6 9l-3.4 8.2l8.2-3.4c-.9-.6-1.8-1.3-2.6-2.2c-.9-.8-1.6-1.6-2.2-2.6m13.8 4.8l8.2 3.4l-3.4-8.2c-.6.9-1.3 1.8-2.2 2.6c-.8.9-1.6 1.6-2.6 2.2m-9-18.6L7.3 7.3l3.4 8.2c.6-.9 1.3-1.8 2.2-2.6c.8-.9 1.7-1.6 2.6-2.2"/></g><path fill="#fff" d="M24 33.5c-.8 0-1.7-.1-2.5-.4c-3.2-1.1-5.4-4.1-5.4-7.5c0-2.3 1-4.4 2.7-5.9c.4-.4.9-.7 1.4-1l.5-1.8C22 12.4 26.2 9.2 31 9.2c.5 0 1 0 1.5.1c.4.1.9.2 1.3.3l.2-.4c1.9-3.4 5.6-5.6 9.5-5.6c6 0 10.9 4.8 10.9 10.8v1.1c.5.2.9.4 1.3.6c2.9 1.7 4.7 4.8 4.7 8.1c0 4.4-3 8.1-7.3 9.1c-.7.2-1.4.2-2.1.2z"/><path fill="#b6c1d1" d="M43.6 5.1c5.1 0 9.3 4.1 9.3 9.2v.7c-2.1.2-4.1 1-5.6 2.3c1.1-.7 2.5-1 3.9-1c.5 0 1 .1 1.5.1q1.2.3 2.4.9c2.3 1.3 3.9 3.8 3.9 6.7c0 3.7-2.6 6.8-6 7.5c-.6.1-1.1.2-1.7.2H24c-.7 0-1.4-.1-2-.3c-2.5-.8-4.3-3.2-4.3-6c0-1.9.8-3.6 2.2-4.7q.9-.75 2.1-1.2c.7-.2 1.4-.4 2.1-.4c2 0 3.9 1 5 2.5h.1c-1.3-2.5-3.9-4.2-6.8-4.5c1.1-3.8 4.6-6.6 8.8-6.6c.4 0 .9 0 1.3.1c.8.1 1.7.4 2.4.7c2.8 1.2 4.9 3.9 5.3 7v-.1c0-3.6-1.8-6.7-4.6-8.5c1.4-2.6 4.5-4.6 8-4.6m0-3.1c-4.3 0-8.2 2.2-10.5 5.7h-.3c-.7-.1-1.2-.1-1.8-.1c-5.5 0-10.3 3.6-11.8 8.9l-.4 1.2c-.4.2-.8.5-1.1.8c-2.1 1.8-3.3 4.4-3.3 7.1c0 4.1 2.6 7.7 6.5 9c1 .3 2 .5 3 .5H51c.8 0 1.6-.1 2.5-.3c5-1.1 8.5-5.5 8.5-10.6c0-3.9-2.1-7.5-5.5-9.4c-.2-.1-.3-.2-.5-.3v-.1C56 7.6 50.4 2 43.6 2"/><path fill="#75d6ff" d="M28.8 46c-.6 1.6-.1 3.2 1.1 3.6s2.6-.5 3.2-2.1c.7-1.8.7-4.4.3-7.3c-2.3 2-4 4-4.6 5.8m13.1 1.6c.7-1.8.7-4.4.3-7.3c-2.2 1.9-3.8 3.9-4.5 5.8c-.6 1.6-.1 3.2 1.1 3.6s2.5-.6 3.1-2.1m9.1-7.3c-2.2 1.9-3.8 3.9-4.5 5.8c-.6 1.6-.1 3.2 1.1 3.6s2.6-.5 3.2-2.1c.6-1.9.6-4.4.2-7.3M19.9 46c-.6 1.6-.1 3.2 1.1 3.6s2.6-.5 3.2-2.1c.7-1.8.7-4.4.3-7.3c-2.3 2-3.9 4-4.6 5.8m1.9 12.3c-.6 1.6-.1 3.2 1.1 3.6s2.6-.5 3.2-2.1c.7-1.8.7-4.4.3-7.3c-2.3 1.9-3.9 3.9-4.6 5.8m13.1 1.5c.7-1.8.7-4.4.3-7.3c-2.2 1.9-3.8 3.9-4.5 5.8c-.6 1.6-.1 3.2 1.1 3.6s2.5-.5 3.1-2.1m9.1-7.3c-2.2 1.9-3.8 3.9-4.5 5.8c-.6 1.6-.1 3.2 1.1 3.6s2.6-.5 3.2-2.1c.6-1.8.7-4.4.2-7.3m-31 5.8c-.6 1.6-.1 3.2 1.1 3.6s2.6-.5 3.2-2.1c.7-1.8.7-4.4.3-7.3c-2.3 1.9-4 3.9-4.6 5.8"/></svg>

Comment utiliser l'icône Sun Behind Rain Cloud

React

import { Icon } from "@iconify/react";

<Icon icon="emojione:sun-behind-rain-cloud" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione:sun-behind-rain-cloud" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione:sun-behind-rain-cloud" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--sun-behind-rain-cloud]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:sun-behind-rain-cloud"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione:sun-behind-rain-cloud"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione/sun-behind-rain-cloud.svg" alt="Icône Sun Behind Rain Cloud" width="24" height="24">

Icônes similaires dans Emoji One (Colored)

L'icône Sun Behind Rain Cloud dans d'autres collections

FAQ : Icône Sun Behind Rain Cloud

L'icône Sun Behind Rain Cloud est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Sun Behind Rain Cloud dans React ?

Installez @iconify/react et affichez <Icon icon="emojione:sun-behind-rain-cloud" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Sun Behind Rain Cloud à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione/sun-behind-rain-cloud.svg" alt="Icône Sun Behind Rain Cloud">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Colored) →