Ícone Sun Behind Rain Cloud
emojione-monotone:sun-behind-rain-cloud
O ícone Sun Behind Rain Cloud (emojione-monotone:sun-behind-rain-cloud) é um ícone SVG gratuito da coleção Emoji One (Monotone) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (Monotone)
- Autor
- Emoji One
- Licença
- CC-BY-4.0
- Tamanho
- 64 × 64
- Categoria
- Natureza
- Tags
- sunbehind, behindrain, raincloud, sunbehindraincloud
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M23.367 10.211L20.002 2l-3.368 8.211A19.5 19.5 0 0 1 20 9.902c1.152 0 2.273.118 3.367.309M9.903 19.999c0-1.15.116-2.271.309-3.365L2 20.001l8.211 3.365a19.4 19.4 0 0 1-.308-3.367m2.958-7.14a19.4 19.4 0 0 1 2.598-2.162L7.272 7.272l3.427 8.186a19 19 0 0 1 2.162-2.599"/><path fill="currentColor" d="M56.511 14.725a11 11 0 0 0-.496-.267v-.078C56.015 7.555 50.43 2 43.566 2c-4.27 0-8.23 2.183-10.508 5.742l-.266-.041a12 12 0 0 0-1.758-.134c-3.623 0-6.977 1.614-9.266 4.224A8.4 8.4 0 0 0 11.599 20a8.36 8.36 0 0 0 2.929 6.352c.075.953.298 1.871.642 2.733a19 19 0 0 1-2.313-1.944a19.5 19.5 0 0 1-2.16-2.6l-3.426 8.187l8.019-3.355a9.4 9.4 0 0 0 2.585 3.445L20.002 38l1.367-3.335a9.5 9.5 0 0 0 2.627.379h27.055c.817 0 1.646-.095 2.466-.285C58.51 33.619 62 29.258 62 24.154c0-3.875-2.104-7.488-5.489-9.429M52.8 31.692a7.6 7.6 0 0 1-1.747.205H23.996a6.3 6.3 0 0 1-1.984-.322c-2.521-.827-4.344-3.188-4.344-5.973c0-1.894.843-3.587 2.171-4.739a6.3 6.3 0 0 1 2.073-1.2a6.4 6.4 0 0 1 2.084-.357c2.041 0 3.851.966 5.01 2.457l.057-.001a8.68 8.68 0 0 0-6.797-4.473a9.13 9.13 0 0 1 8.77-6.576c.445 0 .879.043 1.305.104a9.2 9.2 0 0 1 2.407.686a9.09 9.09 0 0 1 5.314 6.984l.002-.054c0-3.563-1.837-6.696-4.618-8.524a9.29 9.29 0 0 1 8.121-4.762c5.126 0 9.281 4.134 9.281 9.232c0 .248-.017.489-.035.732a9.72 9.72 0 0 0-5.629 2.336a7.78 7.78 0 0 1 5.392-.881c.842.167 1.633.47 2.352.884c2.333 1.338 3.906 3.835 3.906 6.703c0 3.676-2.578 6.751-6.034 7.539M33.008 47.575c.674-1.85.719-4.382.262-7.316c-2.201 1.924-3.832 3.922-4.504 5.771c-.572 1.569-.086 3.189 1.086 3.616s2.586-.501 3.156-2.071m8.855 0c.672-1.85.719-4.382.262-7.316c-2.203 1.924-3.832 3.922-4.506 5.771c-.57 1.569-.086 3.189 1.086 3.616s2.586-.501 3.158-2.071m4.611-1.545c-.571 1.569-.086 3.189 1.086 3.616s2.586-.502 3.157-2.071c.673-1.85.719-4.382.262-7.316c-2.203 1.924-3.833 3.922-4.505 5.771m-22.32 1.545c.673-1.85.719-4.382.262-7.316c-2.202 1.924-3.832 3.922-4.505 5.771c-.571 1.569-.086 3.189 1.086 3.616s2.586-.501 3.157-2.071M21.815 58.28c-.571 1.569-.086 3.189 1.086 3.616s2.586-.502 3.157-2.071c.673-1.85.719-4.382.262-7.316c-2.202 1.924-3.832 3.922-4.505 5.771m8.855 0c-.571 1.569-.086 3.189 1.086 3.616s2.586-.502 3.157-2.071c.673-1.85.719-4.382.262-7.316c-2.202 1.924-3.832 3.922-4.505 5.771m8.853 0c-.57 1.569-.086 3.189 1.086 3.616s2.586-.502 3.158-2.071c.672-1.85.719-4.382.262-7.316c-2.203 1.924-3.832 3.922-4.506 5.771m-26.563 0c-.57 1.569-.086 3.189 1.086 3.616s2.586-.502 3.159-2.071c.672-1.85.719-4.382.262-7.316c-2.204 1.924-3.833 3.922-4.507 5.771"/></svg>
Como usar o ícone Sun Behind Rain Cloud
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:sun-behind-rain-cloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:sun-behind-rain-cloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:sun-behind-rain-cloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--sun-behind-rain-cloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone: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-monotone:sun-behind-rain-cloud"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-monotone/sun-behind-rain-cloud.svg" alt="Ícone Sun Behind Rain Cloud" width="24" height="24">
Ícones relacionados em Emoji One (Monotone)
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. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Sun Behind Rain Cloud no React?
Instale @iconify/react e renderize <Icon icon="emojione-monotone: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/emojione-monotone/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 Emoji One (Monotone) →
ICONYZ
