Cloudy Moon Icon SVG
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
Advertisements