Cloudy Moon Icon SVG
Icon Cloudy moon SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Cloudy moon Icon Svg Code | Path | Download
Download free Cloudy Moon SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Cloudy Moon Icon SVG code in HTML/Css from below.
Cloudy Moon
Cloudy moon SVG Icon Code | Customize color
You can get svg icon cloudy moon in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 3C7.13401 3 4 6.13401 4 10C4 10.3395 4.02417 10.6734 4.07089 11" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 3C10.3388 4.71924 10.0623 6.2286 10.1243 7.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 15C9 11.6863 11.6863 9 15 9C18.3137 9 21 11.6863 21 15C21 17.2208 19.7934 18.9626 18 20" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.30379 13.5C7.77702 13.1826 7.15983 13 6.5 13C4.567 13 3 14.567 3 16.5C3 18.433 4.567 20 6.5 20H18" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 3C7.13401 3 4 6.13401 4 10C4 10.3395 4.02417 10.6734 4.07089 11" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 3C10.3388 4.71924 10.0623 6.2286 10.1243 7.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 15C9 11.6863 11.6863 9 15 9C18.3137 9 21 11.6863 21 15C21 17.2208 19.7934 18.9626 18 20" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.30379 13.5C7.77702 13.1826 7.15983 13 6.5 13C4.567 13 3 14.567 3 16.5C3 18.433 4.567 20 6.5 20H18" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 3C7.13401 3 4 6.13401 4 10C4 10.3395 4.02417 10.6734 4.07089 11" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 3C10.3388 4.71924 10.0623 6.2286 10.1243 7.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 15C9 11.6863 11.6863 9 15 9C18.3137 9 21 11.6863 21 15C21 17.2208 19.7934 18.9626 18 20" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.30379 13.5C7.77702 13.1826 7.15983 13 6.5 13C4.567 13 3 14.567 3 16.5C3 18.433 4.567 20 6.5 20H18" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 3C7.13401 3 4 6.13401 4 10C4 10.3395 4.02417 10.6734 4.07089 11" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 3C10.3388 4.71924 10.0623 6.2286 10.1243 7.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 15C9 11.6863 11.6863 9 15 9C18.3137 9 21 11.6863 21 15C21 17.2208 19.7934 18.9626 18 20" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.30379 13.5C7.77702 13.1826 7.15983 13 6.5 13C4.567 13 3 14.567 3 16.5C3 18.433 4.567 20 6.5 20H18" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 3C7.13401 3 4 6.13401 4 10C4 10.3395 4.02417 10.6734 4.07089 11" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 3C10.3388 4.71924 10.0623 6.2286 10.1243 7.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 15C9 11.6863 11.6863 9 15 9C18.3137 9 21 11.6863 21 15C21 17.2208 19.7934 18.9626 18 20" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.30379 13.5C7.77702 13.1826 7.15983 13 6.5 13C4.567 13 3 14.567 3 16.5C3 18.433 4.567 20 6.5 20H18" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit cloudy moon as below. Change size color and background color of icon using below tool.
Advertisements
Cloudy Moon Icon SVG - Faq(s)?
⭐Can I get Free Cloudy Moon Icon SVG?Yes, you can get free Cloudy Moon SVG icons.
⭐ How to download free Cloudy Moon Icon SVG code?To download free Cloudy Moon icons in SVG code click on the copy code button.
⭐How to find the Cloudy Moon Icon SVG path file?You can get the Cloudy Moon SVG file path from the above section.
⭐ What are the colors available for SVG Cloudy Moon Icon?You can check the Cloudy Moon SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements