Moon and stars svg

The moon and stars svg on this page are designed for consistency. Stroke widths, corner radii, and visual weight are balanced across the set so you can mix and match icons in a single interface or layout.

Common uses for moon and stars svg

Rating & Review Systems

Five point stars are the standard icon for star ratings. Use filled stars for selected ratings and outlines for unselected states.

Achievement Badges & Awards

Star icons represent accomplishment in gamification, employee recognition, and educational platforms.

Decorative Patterns

Scatter stars at different sizes and rotations to create festive decorative patterns for holiday cards and event materials.

Navigation & Favourites

Star icons indicate bookmarked or favourite content in apps, browsers, and content platforms.

About moon and stars svg

Stars work particularly well as decorative elements because the eye completes them from very little visual information. A star icon at 16 pixels is still recognisable, which is why they dominate rating systems and favourite indicators.

How to use these SVGs

Browse the collection below and click any tile to see a full size preview of the SVG.
Download the SVG file to your device. Every file is a clean vector with a transparent background, ready for any project.
Open the downloaded file in Figma, Illustrator, Inkscape, or Affinity Designer to customise colours and paths.
For multiple SVGs, download each individually or use the copy SVG code option to grab the source for immediate use in your project.
These vectors work in web projects, print designs, and cutting machine software without any conversion or conversion tools.
Arrange star SVGs in a cluster pattern for decorative accents on certificates, awards, and achievement badges.

Frequently asked questions about moon and stars svg

What sizes do the star SVGs work at? +

Every star SVG uses a vector format, so it scales to any size without losing quality. Use them as tiny 16 pixel icons or blow them up for large format printing.

Can I combine multiple star SVGs in one design? +

Yes. Import multiple star SVGs into your design tool and arrange them as needed. The transparent backgrounds layer cleanly over each other and over other design elements.

Do the star SVGs include different point counts? +

The collection includes 4 point, 5 point, 6 point, and 8 point star variations, plus decorative starburst and sparkle shapes for different design needs.

Do the star SVGs include outlines and filled versions? +

Yes. The collection includes both filled and outlined star variations so you can choose the style that matches your project.

Available SVGs