Ícone Sun Behind Cloud
emojione-v1:sun-behind-cloud
O ícone Sun Behind Cloud (emojione-v1:sun-behind-cloud) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (v1)
- Autor
- Emoji One
- Licença
- CC-BY-SA-4.0
- Tamanho
- 64 × 64
- Categoria
- Natureza
- Tags
- sunbehind, behindcloud, sunbehindcloud
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#bbbbbc" d="M35.25 28.851c-4.425-2.093-8.975-1.995-13.649.51c-4.465 2.395-6.427 6.301-5.45 11.448c-1.808 1.084-3.498 1.844-4.888 2.983c-2.285 1.869-2.931 4.672-2.039 7.19c.445 1.265 1.089 1.933 2.57 1.929c10.21-.033 20.42-.033 30.627-.045c-15.205-12.665-11.01-20.485-7.171-24.01"/><path fill="#fbb041" d="m44.856 27.955l-8.479-2.468a15 15 0 0 0-1.642-3.979l4.237-7.756c.388-.707-.384-1.481-1.093-1.091l-7.724 4.242a14.8 14.8 0 0 0-4.03-1.678l-2.52-8.59c-.224-.761-1.316-.763-1.539 0q-1.25 4.298-2.503 8.598a15 15 0 0 0-3.959 1.645q-3.907-2.134-7.809-4.27c-.707-.384-1.483.386-1.092 1.095q2.14 3.898 4.282 7.795a15 15 0 0 0-1.651 4q-4.221 1.235-8.44 2.474c-.759.223-.764 1.317 0 1.539c2.815.819 5.627 1.638 8.444 2.456a15 15 0 0 0 1.694 4.068q-2.107 3.853-4.211 7.708c-.389.707.382 1.481 1.09 1.093l7.698-4.225a15 15 0 0 0 4 1.654c.821 2.817 1.649 5.627 2.472 8.438c.224.763 1.319.767 1.539 0l2.455-8.426a14.9 14.9 0 0 0 4.04-1.67q3.826 2.088 7.653 4.18a.66.66 0 0 0 .522.15a.8.8 0 0 0 .499-.23a.8.8 0 0 0 .262-.529a.68.68 0 0 0-.155-.528q-2.097-3.816-4.193-7.638a15.1 15.1 0 0 0 1.66-4.03l8.484-2.486c.761-.223.764-1.318 0-1.541"/><circle cx="22.73" cy="28.672" r="12.712" fill="#f9ec21"/><path fill="#d0d2d3" d="M16.15 40.813c-.977-5.147.985-9.06 5.45-11.45c5.97-3.2 11.744-2.487 17.309 1.727c2.999-3.385 6.635-4.874 10.909-2.644c3.697 1.925 4.843 5.32 4.349 9.479c.94.087 1.792.126 2.634.255c6.02.913 9.311 8.271 5.941 13.445c-.421.646-1.501 1.201-2.271 1.203c-16.225.068-32.45.033-48.677.085c-1.481.004-2.124-.662-2.57-1.929c-.893-2.52-.242-5.321 2.039-7.19c1.389-1.14 3.081-1.899 4.887-2.981"/></svg>Como usar o ícone Sun Behind Cloud
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:sun-behind-cloud" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:sun-behind-cloud" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:sun-behind-cloud" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--sun-behind-cloud]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1: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="emojione-v1:sun-behind-cloud"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/sun-behind-cloud.svg" alt="Ícone Sun Behind Cloud" width="24" height="24">Ícones relacionados em Emoji One (v1)
O ícone Sun Behind Cloud em outras coleções
Perguntas frequentes sobre Ícone Sun Behind Cloud
O ícone Sun Behind Cloud é grátis para uso comercial?
Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Sun Behind Cloud no React?
Instale @iconify/react e renderize <Icon icon="emojione-v1:sun-behind-cloud" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sun Behind Cloud a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-v1/sun-behind-cloud.svg" alt="Ícone Sun Behind Cloud">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.