Cloudy Moon Broken icon
solar:cloudy-moon-broken
The Cloudy Moon Broken icon (solar:cloudy-moon-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Weather
- Tags
- cloudymoon, moonbroken, cloudymoonbroken
SVG code
<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>How to use the Cloudy Moon Broken icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-broken.svg" alt="Cloudy Moon Broken icon" width="24" height="24">Related icons in Solar
Cloudy Moon Broken icon FAQ
Is the Cloudy Moon Broken icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Cloudy Moon Broken icon in React?
Install @iconify/react and render <Icon icon="solar:cloudy-moon-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cloudy Moon Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-broken.svg" alt="Cloudy Moon Broken icon">, or paste the SVG code inline to style it with CSS.