Free star rating SVG elements
8 SVGs
Find free star rating SVG elements for review scores, feedback forms and rating displays. Look for single stars, groups of stars and partly filled ratings. Use them beside a product review, a customer comment or a score in a comparison table. The SVG code is made by our own models and checked by a judge before publication.
Recolour an element on this page, or change the colour of the whole grid. You can also adjust stroke width, size, opacity and rotation. Copy the SVG code, use a CSS background-image or mask-image data URI, or export a PNG, WebP, JPG, React component or data URI. Elements drawn with currentColor take the colour of the text around them.
Packs
Sets drawn in one style.
Not what you need?
Describe it: the SVG studio opens with this style filled in.
More elements
Questions
- Can I change the colour of a star rating?
- Yes. You can recolour an element or the whole grid on the page. Icons drawn with currentColor also take the colour of the surrounding text.
- Can I use these ratings in a commercial project?
- A Pro or Max account gives you a commercial licence for items you download. The licence is fixed at download and stays in place forever.
- How can I add a star rating to a web page?
- Copy the SVG code, export a React component, or use a CSS background-image or mask-image data URI.