Ícone Cloud Sun
circum:cloud-sun
O ícone Cloud Sun (circum:cloud-sun) é um ícone SVG gratuito da coleção Circum Icons de Klarr Agency. Ele é desenhado em uma grade de 24 × 24. Circum Icons são publicados sob a Mozilla Public License 2.0, que permite o uso em projetos pessoais e comerciais; versões modificadas dos arquivos dos ícones devem manter a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Circum Icons
- Autor
- Klarr Agency
- Licença
- MPL-2.0
- Tamanho
- 24 × 24
- Tags
- cloudsun
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m21.465 9.47l-1.9-1.05l.58-2.16a.97.97 0 0 0-.25-.93a.96.96 0 0 0-.93-.24l-2.09.6l-1.13-1.94a.99.99 0 0 0-.83-.47a.97.97 0 0 0-.82.48l-1.06 1.91l-2.16-.58a.95.95 0 0 0-.92.24a.96.96 0 0 0-.25.93l.6 2.1l-.77.44A6.3 6.3 0 0 0 8.1 8.63a6.04 6.04 0 0 0-6.04 6.03c0 .1.01.2.01.3a6.115 6.115 0 0 0 6.19 5.76h5.98a3.95 3.95 0 0 0 3.99-3.62a3.9 3.9 0 0 0-.35-1.88l1.1.3a1 1 0 0 0 .25.03a.9.9 0 0 0 .67-.28a.95.95 0 0 0 .25-.92l-.6-2.1l1.93-1.12a.96.96 0 0 0 .47-.83a.95.95 0 0 0-.485-.83m-7.73 4.57a2.873 2.873 0 0 1 3.49 3a2.947 2.947 0 0 1-2.99 2.68h-5.98a5.3 5.3 0 0 1-3.6-1.39a4.93 4.93 0 0 1-1.6-3.41A5.043 5.043 0 0 1 8.1 9.63a5.11 5.11 0 0 1 4.09 2.09a6 6 0 0 1 .4.65a5 5 0 0 1 .43 1.21a.64.64 0 0 0 .715.46m-.92-3.73a2.106 2.106 0 0 1 4.133-.578a2.114 2.114 0 0 1-2.033 2.688a2.24 2.24 0 0 1-2.1-2.11m4.12 3.64a3.9 3.9 0 0 0-1.08-.67a3.11 3.11 0 1 0-4.01-3.34a6.5 6.5 0 0 0-1.09-.69l.06-.03a.98.98 0 0 0 .44-1.07l-.64-2.1l2.17.58a.98.98 0 0 0 1.07-.44l1.03-1.93l1.12 1.92a.95.95 0 0 0 1.08.45l2.09-.63l-.57 2.14a.92.92 0 0 0 .44 1.09l1.92 1.04l-1.92 1.11a.94.94 0 0 0-.45 1.08l.63 2.09Z"/></svg>
Como usar o ícone Cloud Sun
React
import { Icon } from "@iconify/react";
<Icon icon="circum:cloud-sun" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circum:cloud-sun" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circum:cloud-sun" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circum--cloud-sun]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circum -->
<div class="i-circum:cloud-sun"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circum:cloud-sun"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/circum/cloud-sun.svg" alt="Ícone Cloud Sun" width="24" height="24">
Ícones relacionados em Circum Icons
O ícone Cloud Sun em outras coleções
Perguntas frequentes sobre Ícone Cloud Sun
O ícone Cloud Sun é grátis para uso comercial?
Sim. Circum Icons são publicados sob a Mozilla Public License 2.0, que permite o uso em projetos pessoais e comerciais; versões modificadas dos arquivos dos ícones devem manter a mesma licença.
Como uso o ícone Cloud Sun no React?
Instale @iconify/react e renderize <Icon icon="circum:cloud-sun" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cloud Sun a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/circum/cloud-sun.svg" alt="Ícone Cloud Sun">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Circum Icons →
ICONYZ
