One And Half Stars SVG element, flat

One And Half Stars SVG element, flat

A filled star, a half-filled star, and three outlines indicate one and a half stars. Use them in book reviews or customer satisfaction reports.

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/j8iLQ8Cjhaj8/amnt.svg" alt="One 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="M121 393c-29 57-11 49-79 58 43 44 47 25 29 94 72-32 27-31 99 0-11-70-19-45 30-94-11-2-49-5-56-10-5-3-8-17-11-22-4-9-7-18-12-26z" fill="#fcce13" stroke="#fcce13"/><path d="M318 520l-1-124c-5 5-7 13-10 19-3 7-6 20-12 25-8 8-44 8-56 11 6 6 38 33 39 39 2 6-7 46-9 55 12-7 36-24 49-25z" fill="#fcce13" stroke="#fcce13"/></g><g id="white" data-name="White"><path d="M708 392c-2 8-6 15-9 22-4 7-7 22-14 27-6 5-45 8-56 10 7 6 39 32 41 40 1 7-8 44-11 54 8-4 15-8 23-12 6-4 17-12 25-13 11-1 38 19 51 25-3-12-13-45-9-56 1-6 32-32 39-38-10-2-50-5-56-10-5-3-20-41-24-49z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M513 393c-32 69-13 42-79 58 56 55 36 22 29 94 10-6 21-11 31-16 5-3 11-9 17-9 11-1 38 19 51 25-15-73-16-46 30-94-66-12-51 4-79-58z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M905 392c-30 63-10 46-79 59 7 6 38 33 40 40 1 7-8 44-11 54 9-4 17-9 25-13 6-4 16-11 23-12 8 0 40 20 51 25-3-10-4-20-6-29-2-7-6-17-5-24 2-10 32-33 40-41-10-2-49-5-55-10-4-3-21-42-23-49z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M317 396l1 124 48 25c-12-69-18-47 30-94-14-4-49-3-57-12-6-7-15-41-22-43z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="black" data-name="Black"><path d="M72 492c-1 10-14 56-8 61 6 6 14-1 20-4 7-4 31-19 37-19 6 1 22 12 28 15 5 3 15 11 22 11 16-1 3-40 1-50 0-4-3-9-2-13 3-12 41-30 40-43-1-16-48-9-59-17-4-2-6-12-8-16-4-10-15-45-29-32-5 4-8 16-10 22-3 5-10 24-13 26-10 7-42 3-53 8-5 2-8 6-7 11s35 36 41 40zm49-99c5 8 8 17 12 26 3 5 6 19 11 22 7 5 45 8 56 10-49 49-41 24-30 94-72-31-27-32-99 0 18-69 14-50-29-94 68-9 50-1 79-58z" fill="#0d191c" stroke="#0d191c"/><path d="M708 382c-14 2-19 45-30 52-4 2-12 1-16 2-38 6-61 1-23 37 4 3 19 16 20 20 2 8-8 38-9 48-4 36 45-10 58-11 14 0 61 47 58 10-1-12-11-37-7-48 2-7 16-15 21-21 4-3 15-11 17-16 7-18-33-18-44-19-4-1-11 0-15-3-10-7-15-52-30-51zm0 10c4 8 19 46 24 49 6 5 46 8 56 10-7 6-38 32-39 38-4 11 6 44 9 56-13-6-40-26-51-25-8 1-19 9-25 13-8 4-15 8-23 12 3-10 12-47 11-54-2-8-34-34-41-40 11-2 50-5 56-10 7-5 10-20 14-27 3-7 7-14 9-22z" fill="#0d191c" stroke="#0d191c"/><path d="M315 382c-12 3-18 44-28 51-4 3-13 3-18 3-39 6-58 3-20 38 3 3 18 15 19 18 3 9-8 40-9 52-1 30 48-14 60-13 14 1 62 47 55 7-1-10-10-38-7-46 1-4 18-18 22-21 4-5 14-10 16-16 8-19-34-17-45-19-4-1-10-1-13-3-11-7-16-54-32-51zm3 138c-13 1-37 18-49 25 2-9 11-49 9-55-1-6-33-33-39-39 12-3 48-3 56-11 6-5 9-18 12-25 3-6 5-14 10-19 7 2 16 36 22 43 8 9 43 8 57 12-48 47-42 25-30 94z" fill="#0d191c" stroke="#0d191c"/><path d="M904 382c-14 1-19 45-30 52-4 2-12 1-16 2-11 2-49 1-41 19 2 6 13 13 18 18 4 3 19 15 20 19 3 8-8 39-9 50-1 34 46-13 60-11 13 1 60 46 56 9-1-10-10-40-8-47 1-4 17-18 21-21 5-5 15-11 17-17 8-18-32-17-43-19-5-1-11 0-15-3-10-7-15-52-30-51zm1 10c2 7 19 46 23 49 6 5 45 8 55 10-8 8-38 31-40 41-1 7 3 17 5 24 2 9 3 19 6 29-11-5-43-25-51-25-7 1-17 8-23 12-8 4-16 9-25 13 3-10 12-47 11-54-2-7-33-34-40-40 69-13 49 4 79-59z" fill="#0d191c" stroke="#0d191c"/><path d="M512 382c-15 2-19 45-30 52-4 2-12 2-16 2-11 2-50 1-40 20 3 6 12 12 17 17 4 3 18 15 20 19 4 9-7 37-9 49-4 36 45-10 58-11 13 0 62 48 58 10-1-12-11-37-7-48 2-7 15-15 21-21 39-35 4-30-27-35-4-1-11 0-14-3-11-7-16-52-31-51zm1 11c28 62 13 46 79 58-46 48-45 21-30 94-13-6-40-26-51-25-6 0-12 6-17 9-10 5-21 10-31 16 7-72 27-39-29-94 66-16 47 11 79-58z" fill="#0d191c" stroke="#0d191c"/></g></svg>
CSS background-image
.one-and-half-stars {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/j8iLQ8Cjhaj8/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.one-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/j8iLQ8Cjhaj8/amnt.svg") center / contain no-repeat;
}
React
import OneAndHalfStarsSvg from "./one-and-half-stars.jsx"; // from the React tab above

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

Tags

Made with AMNT

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