Moon Icon

Free SVG icon from the Pixelarticons collection. Download or copy for use in any project.

Collection

Pixelarticons

Format

SVG, PNG

License

MIT - Free for commercial use

Tags

moon night dark sleep weather

The Moon icon is available as a free SVG and is ready to drop into any web or app project.

<img src="https://proicons.com/icon/313068.svg" alt="Moon icon" width="24" height="24">

<img src="https://proicons.com/icon/313068.svg" alt="Moon icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/313068.svg"
  alt="Moon icon"
  :width="24"
  :height="24"
/>

.icon-moon {
  background-image: url('https://proicons.com/icon/313068.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
  <path d="M18 22H8v-2h10v2ZM8 20H6v-2h2v2Zm12 0h-2v-2h2v2ZM6 18H4v-2h2v2Zm16 0h-2v-4h-2v-2h2v-2h2v8ZM4 16H2V6h2v10Zm14 0h-6v-2h6v2Zm-6-2h-2v-2h2v2Zm-2-2H8V6h2v6ZM6 6H4V4h2v2Zm8-2h-2v2h-2V4H6V2h8v2Z"/>
</svg>