Moon Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Moon icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310871.svg" alt="Moon icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310871.svg" alt="Moon icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310871.svg" alt="Moon icon" :width="24" :height="24" />
CSS background
.icon-moon {
background-image: url('https://proicons.com/icon/310871.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.1816 14.8608C20.6584 16.3802 19.7573 17.7415 18.5631 18.8168C17.3688 19.892 15.9207 20.6458 14.355 21.0072C12.7892 21.3687 11.1572 21.3259 9.61249 20.883C8.06779 20.44 6.66115 19.6114 5.52486 18.4751C4.38857 17.3389 3.55998 15.9322 3.11703 14.3875C2.67408 12.8428 2.63132 11.2108 2.99278 9.64505C3.35423 8.07927 4.10802 6.63116 5.18325 5.43693C6.25848 4.2427 7.6198 3.34159 9.13919 2.81836C9.32351 2.74848 9.52375 2.73176 9.71711 2.77011C9.91047 2.80846 10.0892 2.90032 10.2329 3.03525C10.3766 3.17019 10.4795 3.34276 10.53 3.53332C10.5804 3.72388 10.5763 3.92478 10.5182 4.11313C10.0135 5.61508 9.98407 7.23611 10.434 8.75537C10.7606 9.90012 11.3738 10.9427 12.2156 11.7844C13.0573 12.6262 14.0999 13.2394 15.2446 13.566C16.7639 14.0159 18.3849 13.9865 19.8869 13.4818C20.0752 13.4237 20.2761 13.4196 20.4667 13.47C20.6572 13.5205 20.8298 13.6234 20.9647 13.7671C21.0997 13.9108 21.1915 14.0895 21.2299 14.2829C21.2682 14.4762 21.2515 14.6765 21.1816 14.8608Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Moon in other icon packs
Copied!