Ícone Sun Cloud
game-icons:sun-cloud
O ícone Sun Cloud (game-icons:sun-cloud) é um ícone SVG gratuito da coleção Game Icons de GameIcons. Ele é desenhado em uma grade de 512 × 512. Game Icons são publicados sob a licença CC BY 3.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
- Game Icons
- Autor
- GameIcons
- Licença
- CC-BY-3.0
- Tamanho
- 512 × 512
- Tags
- suncloud
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M383.215 71.94a96 96 0 0 0-96 96a96 96 0 0 0 8.484 39.17q3.739-.163 7.503-.17h.011c34.226.002 65.356 9.18 88.478 24.636c10.776 7.204 19.885 15.916 26.54 25.738a96 96 0 0 0 60.982-89.373a96 96 0 0 0-96-96zM154.662 179.845c-47.352.003-85.174 36.46-85.178 81.19v.007a77.7 77.7 0 0 0 3.162 21.86l2.788 9.477l-9.698 1.894c-13.05 2.55-23.76 7.818-30.85 14.125c-7.087 6.303-10.49 13.255-10.5 20.293v.003c.002 8.806 5.325 17.41 15.807 24.398s25.778 11.695 42.832 11.697c8.47-.017 16.842-1.206 24.483-3.443l4.605-1.35l3.686 3.072c17.088 14.243 49.872 24.26 85.2 24.27c14.3-.024 28.434-1.62 41.37-4.64l7.33-1.714l2.982 6.91c8.13 18.84 35.242 34.145 67.123 34.17c20.066-.003 38.075-5.86 50.593-14.742c12.492-8.862 19.286-20.168 19.317-32.172q-.018-.502-.05-1.007l-.7-10.11l10.12.495c3.337.164 6.696.252 10.06.26c23.21-.002 44.206-3.737 58.597-9.3c7.198-2.783 12.702-6.056 15.924-9c3.216-2.94 3.942-4.99 3.945-6.514c-.004-1.374-.584-3.16-3.215-5.794c-2.637-2.64-7.215-5.67-13.352-8.352c-12.275-5.363-30.592-9.408-51.623-10.412l-10.803-.516l2.47-10.53a44.5 44.5 0 0 0 1.18-9.555c-.023-18.135-10.99-35.177-30.578-48.27c-19.606-13.107-47.5-21.598-78.475-21.6c-20.483.028-40.557 3.834-57.793 10.85l-8.252 3.36l-3.443-8.216c-12.866-30.71-44.097-51.07-79.06-51.09h-.005z"/></svg>
Como usar o ícone Sun Cloud
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:sun-cloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:sun-cloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:sun-cloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--sun-cloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:sun-cloud"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:sun-cloud"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/game-icons/sun-cloud.svg" alt="Ícone Sun Cloud" width="24" height="24">
Ícones relacionados em Game Icons
O ícone Sun Cloud em outras coleções
Perguntas frequentes sobre Ícone Sun Cloud
O ícone Sun Cloud é grátis para uso comercial?
Sim. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Sun Cloud no React?
Instale @iconify/react e renderize <Icon icon="game-icons:sun-cloud" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sun Cloud a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/sun-cloud.svg" alt="Ícone Sun Cloud">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Game Icons →
ICONYZ
