Two And Half Stars SVG element, flat

Two And Half Stars SVG element, flat

Two filled stars sit beside a half-filled star and two outlines. This rating fits a film review card or a scored search result.

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/OthiV-J1eBxj/amnt.svg" alt="Two 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="M311 410c-2 8-19 52-24 56-5 3-53 7-60 7 6 6 42 37 44 42 2 7-10 50-13 60 11-6 45-28 54-28 7 0 17 8 22 11 10 5 20 12 30 16-2-10-13-50-12-57 2-7 37-38 44-42-8-4-18-3-26-4-9-1-25 0-33-5-6-3-22-47-26-56z" fill="#fdbe02" stroke="#fdbe02"/><path d="M110 411c-7 13-14 42-23 52-10 12-46 5-61 12 6 4 43 36 44 41 1 7-10 49-13 59 13-5 44-28 54-28 7 1 16 8 21 11 11 6 23 11 32 18-3-10-15-54-12-62 1-4 17-17 21-20 7-6 17-13 21-20-10-1-54-4-60-9-5-3-12-27-15-33-3-7-5-15-9-21z" fill="#fdbe02" stroke="#fdbe02"/><path d="M512 546v-133c-4 4-5 12-8 17-2 7-10 31-15 35-6 5-52 8-61 8 49 50 50 26 31 102z" fill="#fdbe02" stroke="#fdbe02"/></g><g id="black" data-name="Black"><path d="M143 457c-8-13-26-83-44-49-4 7-17 45-21 48-5 4-28 4-35 5-6 1-18 0-24 3-17 10 20 37 28 44 2 3 10 7 11 11 3 12-21 61-7 68 13 6 45-28 59-28 4 0 10 5 14 7 9 5 47 32 51 14 1-6-3-17-4-23-11-51-10-35 25-69 25-26 0-24-21-27-11-1-22-4-32-4zm-33-46c4 6 6 14 9 21 3 6 10 30 15 33 6 5 50 8 60 9-4 7-14 14-21 20-4 3-20 16-21 20-3 8 9 52 12 62-9-7-21-12-32-18-5-3-14-10-21-11-10 0-41 23-54 28 3-10 14-52 13-59-1-5-38-37-44-41 15-7 51 0 61-12 9-10 16-39 23-52z" fill="#12161b" stroke="#12161b"/><path d="M343 456c-3-10-9-21-13-31-3-7-7-22-13-25-4-3-9-2-12 1-4 3-23 48-25 55-11 3-56 4-62 10-3 3-3 8-1 12 4 12 40 31 42 43 1 12-23 63-5 67 11 2 44-28 57-29 12 0 46 31 57 29 18-3-5-55-4-67 2-12 39-31 43-44 1-4 2-9-3-12-6-5-49-6-61-9zm-32-46c4 9 20 53 26 56 8 5 24 4 33 5 8 1 18 0 26 4-7 4-42 35-44 42-1 7 10 47 12 57-10-4-20-11-30-16-5-3-15-11-22-11-9 0-43 22-54 28 3-10 15-53 13-60-2-5-38-36-44-42 7 0 55-4 60-7 5-4 22-48 24-56z" fill="#12161b" stroke="#12161b"/><path d="M481 456c-21 5-91-2-52 33 34 32 34 21 23 69-2 7-6 17-4 24 2 4 5 6 9 6 6 0 37-19 44-23 3-2 8-6 12-6 13 0 48 35 60 27 12-7-12-54-9-66 1-4 9-10 13-13 7-7 43-33 26-43-6-4-19-3-26-3-7-1-27-1-32-4-6-4-18-42-23-51-4-7-10-11-17-4-4 3-22 47-24 54zm31 90l-53 29c19-76 18-52-31-102 9 0 55-3 61-8 5-4 13-28 15-35 3-5 4-13 8-17 7 3 16 40 22 49 9 12 45 7 61 13-7 6-41 35-42 42-2 7 4 20 5 28 2 9 5 19 6 28z" fill="#12161b" stroke="#12161b"/><path d="M711 398c-11 3-22 52-29 58-5 3-14 2-19 3-13 1-54-1-44 20 3 7 16 15 21 20s18 13 20 19c4 12-11 44-11 58 0 32 53-19 66-17 13 1 68 54 61 11-2-12-14-42-10-52 1-4 19-18 24-22 5-5 15-11 18-18 9-21-37-18-49-19-4-1-11-1-14-3-12-7-15-62-34-58zm2 14c5 9 20 51 25 54 7 4 20 3 27 4 11 1 22 4 33 3-7 6-43 37-44 42-2 6 9 51 12 59-14-5-41-28-54-27-8 1-18 9-25 13-8 5-18 9-26 15 11-80 26-44-32-101 12-2 54-3 61-9 6-5 9-19 12-26 3-9 9-18 11-27z" fill="#12161b" stroke="#12161b"/><path d="M914 398c-15 2-20 51-31 58-4 3-13 2-18 3-11 1-52-1-46 18 3 7 16 16 22 21 4 4 20 16 21 20 3 9-9 43-10 55-3 36 51-15 65-13 13 1 67 52 61 11-2-10-13-45-11-52 1-4 19-18 23-22s19-16 20-20c6-19-37-17-48-18-4-1-13 0-16-3-10-7-16-59-32-58zm1 14c6 10 17 49 24 54 4 3 12 2 17 3 13 2 29 1 42 6-8 4-15 14-22 20-5 5-17 12-20 19-5 11 11 45 10 60-9-5-44-28-51-28-6 1-23 12-29 15-8 4-15 10-23 13 16-79 18-48-33-100 12-2 52-3 60-8 6-4 21-45 25-54z" fill="#12161b" stroke="#12161b"/></g></svg>
CSS background-image
.two-and-half-stars {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/OthiV-J1eBxj/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.two-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/OthiV-J1eBxj/amnt.svg") center / contain no-repeat;
}
React
import TwoAndHalfStarsSvg from "./two-and-half-stars.jsx"; // from the React tab above

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

Tags

Made with AMNT

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