Cloudy Moon Linear icon
solar:cloudy-moon-linear
The Cloudy Moon Linear icon (solar:cloudy-moon-linear) 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, moonlinear, cloudymoonlinear
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 15C17.8615 15 19.9289 13.7406 21.0672 11.8568C21.3065 11.4608 22 11.5373 22 12C22 15.7014 19.989 18.9331 17 20.6622M9 8.5C9 6.13845 10.2594 4.07105 12.1432 2.93276C12.5392 2.69347 12.4627 2 12 2C6.47715 2 2 6.47715 2 12C2 13.0452 2.16035 14.053 2.4578 15"/><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 Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:cloudy-moon-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:cloudy-moon-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:cloudy-moon-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloudy-moon-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloudy-moon-linear"></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-linear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-linear.svg" alt="Cloudy Moon Linear icon" width="24" height="24">Related icons in Solar
Cloudy Moon Linear icon FAQ
Is the Cloudy Moon Linear 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 Linear icon in React?
Install @iconify/react and render <Icon icon="solar:cloudy-moon-linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cloudy Moon Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-linear.svg" alt="Cloudy Moon Linear icon">, or paste the SVG code inline to style it with CSS.