Three And Half Stars SVG element, flat

Three And Half Stars SVG element, flat

Three filled stars, a half-filled star, and an outlined star show a partial rating. Use them in review roundups or product comparison charts.

Similar SVGs

More from Star ratings, flat · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/SUNlrR6SWIM1/amnt.svg" alt="Three And Half Stars" 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="amber" data-name="Amber"><path d="M591 464c-14-5-48-3-57-14-7-8-13-40-22-43-5 9-17 42-23 47-8 6-52 3-51 12 0 4 32 26 34 33 5 11-6 43-8 56 16-2 35-25 50-24 7 1 15 8 21 11 7 4 16 8 23 13h3c-10-76-18-39 30-91z" fill="#fcba12" stroke="#fcba12"/><path d="M170 556c-2-12-13-46-9-56 3-6 13-13 18-17 2-2 18-16 18-18-2-6-45-5-53-12-6-6-17-48-24-45-2 1-9 18-10 20-3 7-6 20-12 25-11 10-42 1-53 12 4 7 13 13 19 18 5 4 15 11 18 17 4 10-7 43-9 56l4-1c6-5 13-8 20-12 6-3 14-11 21-12 12-2 39 20 52 25z" fill="#fcba12" stroke="#fcba12"/><path d="M365 556c-2-15-13-47-6-58 4-7 35-31 34-34-3-6-46-3-55-14-7-8-13-40-22-43-6 9-16 41-22 46-5 4-13 4-19 5-12 2-24 2-36 6 7 6 37 31 39 37 2 8-3 20-4 27-2 9-5 18-4 27 14-4 34-25 48-24 6 1 13 6 17 9 9 5 19 9 27 15z" fill="#fcba12" stroke="#fcba12"/><path d="M708 530l-1-118v-5c-10 10-14 38-23 46-8 7-53 5-52 13 0 4 33 26 35 33 5 12-7 42-7 56z" fill="#fcba12" stroke="#fcba12"/></g><g id="navy" data-name="Navy"><path d="M508 395c-16 4-16 41-28 49-4 3-13 2-18 3-15 2-46 2-35 25 2 6 12 12 18 17 4 4 15 11 16 16 4 12-12 40-8 53 9 27 48-16 63-13 13 3 58 46 57 5-1-12-11-35-8-45 1-4 18-18 22-21 38-36-8-34-32-38-3-1-8 0-10-2-13-10-11-55-37-49zm83 69c-48 52-40 15-30 91h-3c-7-5-16-9-23-13-6-3-14-10-21-11-15-1-34 22-50 24 2-13 13-45 8-56-2-7-34-29-34-33-1-9 43-6 51-12 6-5 18-38 23-47 9 3 15 35 22 43 9 11 43 9 57 14z" fill="#06244d" stroke="#06244d"/><path d="M122 395c-21-1-21 40-33 49-3 2-9 2-13 2-30 5-64 5-27 40 4 3 19 14 20 18 4 12-9 36-8 50 2 36 48-10 60-10s58 45 61 11c0-5-2-10-3-15-7-34-12-30 14-54 37-34 3-36-27-40-3 0-9 0-12-2-12-7-12-49-32-49zm48 161c-13-5-40-27-52-25-7 1-15 9-21 12-7 4-14 7-20 12l-4 1c2-13 13-46 9-56-3-6-13-13-18-17-6-5-15-11-19-18 11-11 42-2 53-12 6-5 9-18 12-25 1-2 8-19 10-20 7-3 18 39 24 45 8 7 51 6 53 12 0 2-16 16-18 18-5 4-15 11-18 17-4 10 7 44 9 56z" fill="#06244d" stroke="#06244d"/><path d="M313 395c-17 4-17 41-29 49-4 3-13 2-18 3-38 5-53 8-18 41 4 4 16 11 17 17 4 12-12 39-8 53 8 27 49-16 64-12 13 4 58 44 55 3-3-44-22-31 15-65 39-36-9-34-32-38-26-5-19-57-46-51zm52 161l-3-1c-8-6-18-10-27-15-4-3-11-8-17-9-14-1-34 20-48 24-1-9 2-18 4-27 1-7 6-19 4-27-2-6-32-31-39-37 12-4 24-4 36-6 6-1 14-1 19-5 6-5 16-37 22-46 9 3 15 35 22 43 9 11 52 8 55 14 1 3-30 27-34 34-7 11 4 43 6 58z" fill="#06244d" stroke="#06244d"/><path d="M703 395c-16 4-17 40-28 49-4 3-13 2-19 3-37 5-52 10-18 42 4 4 16 10 17 16 5 14-12 39-7 54 8 25 48-17 62-14s60 47 56 3c-4-47-21-30 17-65 37-34-12-33-34-37-3-1-7 0-9-2-13-9-12-54-37-49zm4 17l2-4c33 65 7 39 75 55-1 1-1 1 0 2-42 43-45 25-28 91l-48-26-48 25c0-14 12-44 7-56-2-7-35-29-35-33-1-8 44-6 52-13 9-8 13-36 23-46z" fill="#06244d" stroke="#06244d"/><path d="M904 395c-20-1-19 40-32 49-3 2-9 2-13 2-29 4-64 5-27 40 5 4 18 12 20 18 4 13-9 36-8 50 2 35 47-9 59-10 13-1 59 45 61 10 1-14-11-37-7-49 2-7 16-15 21-20 38-34-1-35-29-39-3 0-9 0-12-2-13-9-12-49-33-49zm0 10c5 9 18 45 24 49s18 4 25 5c9 1 19 1 28 5-5 14-27 20-34 33-7 12 3 45 6 59-13-6-39-26-50-25-7 1-17 8-23 12-8 4-15 9-23 12 0-15 12-42 7-56-2-4-9-9-13-12-8-8-16-17-25-22 8-5 19-5 27-6s19 0 26-4c8-4 20-40 25-50z" fill="#06244d" stroke="#06244d"/></g></svg>
CSS background-image
.three-and-half-stars {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/SUNlrR6SWIM1/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.three-and-half-stars {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/SUNlrR6SWIM1/amnt.svg") center / contain no-repeat;
}
React
import ThreeAndHalfStarsSvg from "./three-and-half-stars.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Three And Half Stars: Three solid stars, one left-half-filled star, and one outlined star. 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