Moon SVG Vector

Edit the Moon SVG vector and download for free. Transparent, scalable, high-quality graphic for your website.

Downloads: 3Views: 901Free License

SVG Vector Information

File Size:354 B
License:Free License - CC0 1.0 Universal

Upload Date:November 11, 2025

Description

HTML:

<i class="fa-solid fa-moon"></i>

WEB AWESOME:

<wa-icon name="moon"></wa-icon>

REACT:

<FontAwesomeIcon icon={byPrefixAndName.fas['moon']} />

VUE:

<FontAwesomeIcon :icon="byPrefixAndName.fas['moon']" />

moon

Success

Copied to clipboard!

Dynamic Color Palette

Click to copy the color codes extracted from the Moon SVG vector image.

Design Compatibility

100% compatible with professional design tools and modern development frameworks.

Figma

Adobe Illustrator

React JSX

Tailwind CSS

SVG Specifications

Dimensions

ViewBox

0 0 24 24

Aspect Ratio

Total Elements

Unique Colors

Path Count

Group Count

Text Elements

Gradient Count

Clip Paths

Masks

Filters

Collections

Moon5+ Graphics

Font Awesome210+ Graphics

Weather25+ Graphics

Celestial10+ Graphics

Astronomy10+ Graphics

Other Popular Tags

SVG Vector Usage

You can use vector SVG files from our platform with complete customization capabilities. With our built-in SVG editor, you can resize, colorize, rotate, and flip your vectors. SVG vectors provide unlimited scaling advantages compared to pixel-based formats and deliver sharp image quality on any screen size. Additionally, you can edit the original SVG code or copy it directly. You can rasterize your vectors in PNG format, use them as React components in JSX format, or integrate them as Base64-encoded CSS background images. Ideal for web applications, mobile interfaces, and modern user experience designs, SVG vectors also provide performance advantages with small file sizes and fast loading times. This vector format, compatible with all browsers, also allows you to create interactive animations with CSS and JavaScript.