Cloudy Moon Bold Duotone icon
solar:cloudy-moon-bold-duotone
The Cloudy Moon Bold Duotone icon (solar:cloudy-moon-bold-duotone) 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, moonbold, boldduotone, cloudymoonboldduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 11.5373 21.3065 11.4608 21.0672 11.8568C19.9289 13.7406 17.8615 15 15.5 15C11.9101 15 9 12.0899 9 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 17.5228 6.47715 22 12 22Z" opacity=".5"/><path d="M11.2857 22C13.3371 22 15 20.4198 15 18.4706C15 16.9257 13.9554 15.6126 12.5008 15.1344C12.2941 13.3711 10.7203 12 8.80952 12C6.75818 12 5.09524 13.5802 5.09524 15.5294C5.09524 15.9605 5.17659 16.3736 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.2857Z"/></g></svg>How to use the Cloudy Moon Bold Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:cloudy-moon-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:cloudy-moon-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:cloudy-moon-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloudy-moon-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloudy-moon-bold-duotone"></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-bold-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-bold-duotone.svg" alt="Cloudy Moon Bold Duotone icon" width="24" height="24">Related icons in Solar
Cloudy Moon Bold Duotone icon FAQ
Is the Cloudy Moon Bold Duotone 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 Bold Duotone icon in React?
Install @iconify/react and render <Icon icon="solar:cloudy-moon-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cloudy Moon Bold Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-bold-duotone.svg" alt="Cloudy Moon Bold Duotone icon">, or paste the SVG code inline to style it with CSS.