Ícone Cloudy Moon Broken
solar:cloudy-moon-broken
O ícone Cloudy Moon Broken (solar:cloudy-moon-broken) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar 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
- Solar
- Autor
- 480 Design
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Clima
- Tags
- cloudymoon, moonbroken, cloudymoonbroken
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M15.5 15.0004C17.8615 15.0004 19.9289 13.741 21.0672 11.8572C21.3065 11.4612 22 11.5377 22 12.0004C22 15.7018 19.989 18.9335 17 20.6626"/><path d="M9 8.5C9 6.13845 10.2594 4.07105 12.1432 2.93276C12.5392 2.69347 12.4627 2 12 2C10.1786 2 8.47087 2.48697 7 3.33782"/><path d="M2.4578 15C2.16035 14.053 2 13.0452 2 12C2 10.1786 2.48697 8.47087 3.33782 7"/><path d="M10.0476 15.142C10.4349 15.0119 10.8516 14.9412 11.2857 14.9412C11.7113 14.9412 12.1201 15.0092 12.5008 15.1344M6.33333 17.1516C6.03343 16.9609 5.69238 16.824 5.3255 16.7555C5.15087 16.723 4.97039 16.7059 4.78571 16.7059C3.24721 16.7059 2 17.891 2 19.3529C2 20.8149 3.24721 22 4.78571 22H11.2857C13.3371 22 15 20.4198 15 18.4706C15 16.9257 13.9554 15.6126 12.5008 15.1344M5.3255 16.7555C5.17659 16.3736 5.09524 15.9605 5.09524 15.5294C5.09524 13.5802 6.75818 12 8.80952 12C10.7203 12 12.2941 13.3711 12.5008 15.1344"/></g></svg>Como usar o ícone Cloudy Moon Broken
React
import { Icon } from "@iconify/react";
<Icon icon="solar:cloudy-moon-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:cloudy-moon-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:cloudy-moon-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloudy-moon-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloudy-moon-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:cloudy-moon-broken"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-broken.svg" alt="Ícone Cloudy Moon Broken" width="24" height="24">Ícones relacionados em Solar
Perguntas frequentes sobre Ícone Cloudy Moon Broken
O ícone Cloudy Moon Broken é grátis para uso comercial?
Sim. Solar 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 Cloudy Moon Broken no React?
Instale @iconify/react e renderize <Icon icon="solar:cloudy-moon-broken" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cloudy Moon Broken a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-broken.svg" alt="Ícone Cloudy Moon Broken">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.