Ícone Sun Behind Rain Cloud
fluent-emoji-flat:sun-behind-rain-cloud
O ícone Sun Behind Rain Cloud (fluent-emoji-flat:sun-behind-rain-cloud) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji Flat
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Viagens e lugares
- Tags
- sunbehind, behindrain, raincloud, sunbehindraincloud
Código 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 5.843C24.085 2.04 17.866 2.056 14 5.87a5.044 5.044 0 0 0-6 2.07a7.47 7.47 0 0 0-7 7.457c0 1.756.612 3.373 1.623 4.652A7.5 7.5 0 0 0 8.593 23h12.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="M7.997 2.963c.58-1.26 2.36-1.29 2.98-.05c.23.47.81.64 1.26.39l.28-.16c1.1-.62 2.42.31 2.21 1.55l-.05.32c-.09.51.27 1 .79 1.05l.32.04c1.25.14 1.78 1.68.88 2.56l-.23.23c-.37.36-.36.97.02 1.32l.24.22c.93.85.45 2.4-.79 2.58l-.32.05c-.52.08-.86.57-.76 1.08l.06.32c.25 1.24-1.05 2.21-2.16 1.62l-.29-.15a.91.91 0 0 0-1.25.43c-.58 1.26-2.36 1.29-2.98.05a.91.91 0 0 0-1.26-.39l-.28.16c-1.1.62-2.42-.31-2.21-1.55l.05-.32c.09-.51-.27-1-.79-1.05l-.32-.04c-1.25-.14-1.78-1.68-.88-2.56l.23-.23c.37-.36.36-.97-.02-1.32l-.24-.22c-.93-.85-.45-2.4.79-2.58l.32-.05c.52-.08.86-.57.76-1.08l-.06-.32c-.25-1.24 1.04-2.21 2.16-1.62l.29.15c.46.24 1.03.04 1.25-.43"/><path fill="#f9c23c" d="M9.577 15.593a5.94 5.94 0 1 0 0-11.88a5.94 5.94 0 0 0 0 11.88"/><path fill="#3f5fff" d="m7.117 29.283l2.31-3.16c.57-.78.4-1.87-.38-2.44s-1.87-.4-2.44.38l-2.31 3.16c-.57.78-.4 1.87.38 2.44s1.87.4 2.44-.38m8.89-3.16l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.77.57.94 1.66.38 2.44m6.57 0l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.77.57.94 1.66.38 2.44"/><path fill="#f3eef8" d="M14.575 6.71c3.467-3.557 9.158-3.617 12.715-.15c3.297 3.216 3.587 8.346.862 11.913A8.39 8.39 0 0 1 21.308 22H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 15.397a6.47 6.47 0 0 1 6.602-6.472a4.05 4.05 0 0 1 5.636-1.852a9 9 0 0 1 .337-.363"/></g></svg>
Como usar o ícone Sun Behind Rain Cloud
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:sun-behind-rain-cloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:sun-behind-rain-cloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:sun-behind-rain-cloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--sun-behind-rain-cloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat: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="fluent-emoji-flat:sun-behind-rain-cloud"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sun-behind-rain-cloud.svg" alt="Ícone Sun Behind Rain Cloud" width="24" height="24">
Ícones relacionados em Fluent Emoji Flat
O ícone Sun Behind Rain Cloud em outras coleções
Perguntas frequentes sobre Ícone Sun Behind Rain Cloud
O ícone Sun Behind Rain Cloud é grátis para uso comercial?
Sim. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sun Behind Rain Cloud no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:sun-behind-rain-cloud" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sun Behind Rain Cloud a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sun-behind-rain-cloud.svg" alt="Ícone Sun Behind Rain Cloud">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji Flat →
ICONYZ
