Menu

Beta
Sign in
Beta
Empty Star SVG element, flat

Empty Star SVG element, flat

This five-point star has a clear centre and an outlined edge. Use it for an unselected rating control or an unrated item in a catalogue.

Free · from Star ratings, flat · Set 2

Similar SVGs

More from Star ratings, flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/muAb5-OC9asM/amnt.svg" alt="Empty Star" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="black" data-name="Black"><path d="M512 15c-16 25-31 69-44 98-29 64-59 128-87 192-3 6-12 31-16 34s-42 5-51 6c-31 3-63 6-95 9-62 7-130 11-191 20 77 76 159 147 237 222 3 4 14 11 16 16 1 6-14 55-16 65-8 30-16 60-24 91-10 40-21 81-31 122-5 19-8 41-15 60 26-13 50-28 75-42 42-23 83-47 125-71 26-15 52-30 79-45 12-7 27-14 39-22 14 12 79 45 99 57 49 28 98 55 146 83 24 14 47 28 71 40-7-17-10-39-14-57-10-42-21-84-32-126-8-30-16-61-23-91-3-10-18-59-16-65 1-5 12-12 16-15 77-76 159-146 236-222-64-9-128-14-192-20-32-3-64-6-96-10-9-1-43-1-49-5-5-3-13-28-16-34-32-73-66-145-98-217-10-22-21-54-33-73zm0 78c13 25 23 51 35 77 26 56 51 113 77 170 18 40 13 29 56 34 27 3 55 5 82 8 37 3 74 7 111 11 17 2 36 1 53 6-20 21-44 41-66 61-46 42-91 85-136 127-4 4-14 10-16 15-1 6 11 44 13 53 7 26 14 52 20 78 10 38 20 76 29 114 4 14 10 29 10 42-25-9-58-33-83-47-46-26-92-53-137-80-16-9-31-22-48-28-11 10-29 17-42 25-41 24-82 48-122 71-26 15-51 30-76 44-10 5-18 12-28 16 1-15 7-31 11-46 9-37 18-73 28-110 6-26 13-52 20-78 2-8 15-49 13-54-1-5-11-11-14-14-53-49-106-99-159-148-14-12-30-32-45-41l289-30z" fill="#020101" stroke="#020101"/></g></svg>
CSS background-image
.empty-star {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/muAb5-OC9asM/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.empty-star {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/muAb5-OC9asM/amnt.svg") center / contain no-repeat;
}
React
import EmptyStarSvg from "./empty-star.jsx"; // from the React tab above

<EmptyStarSvg width={48} height={48} />

Tags

emptystarratingstar ratingselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Empty Star: One large five-point star outline with an open centre. A flat element. as part of the pack Star ratings, flat · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings