Star Feedback Choice SVG element, flat

Star Feedback Choice SVG element, flat

A ring marks the middle choice in a row of five outlined stars. It can show a selected answer on a feedback form or in a survey preview.

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/N-WAx8YRKL_f/amnt.svg" alt="Star Feedback Choice" 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="navy" data-name="Navy"><path d="M498 373c-21 2-41 11-57 23-96 71-36 225 85 214 18-2 36-9 51-19 104-68 45-230-79-218zm4 13c104-9 156 123 76 188-16 12-35 21-55 23-100 9-157-118-80-185 17-14 36-24 59-26z" fill="#062152" stroke="#062152"/><path d="M509 396c-14 3-20 45-30 51-4 3-11 2-16 3-35 5-58 4-23 40 5 4 16 12 19 19 4 12-9 36-8 51 3 32 50-11 64-9s59 44 57 4c-2-45-21-32 16-69 36-36-7-33-33-37-3-1-8 0-10-2-11-7-15-55-36-51zm4 16c28 62 12 41 74 56-6 6-35 32-37 39-1 7 7 41 9 50-66-27-28-27-94 0 3-10 11-43 8-52-1-6-30-32-36-38 10 0 20-2 30-4 6-1 15 0 21-4s19-39 25-47z" fill="#062152" stroke="#062152"/><path d="M913 408c-16 2-18 39-29 46-3 3-10 2-13 3-29 5-57 3-25 36 5 4 15 11 18 18 5 14-7 32-6 47 2 32 44-9 57-8 14 1 56 42 54 4-1-41-20-29 14-62 33-33-3-31-29-36-3 0-7 0-10-2-11-7-13-47-31-46zm1 17c6 9 14 36 22 41 4 3 12 3 17 4 9 1 19 2 28 5-7 6-31 27-33 35-1 6 3 17 4 24s3 14 3 21c-55-23-25-27-84 1 3-9 4-18 5-26 1-6 5-15 4-20-2-9-26-29-33-35 63-14 36 3 67-50z" fill="#062152" stroke="#062152"/><path d="M723 408c-15 3-18 39-28 46-4 3-10 2-14 3-32 5-55 4-22 38 5 4 16 12 17 18 3 13-9 33-7 46 4 28 45-10 59-8s54 40 53 3c-2-41-20-30 14-63 33-33-7-30-31-35-3-1-6 0-9-2-11-8-13-49-32-46zm2 16c5 9 15 38 22 42 5 4 16 4 22 5 7 1 16 1 23 4-5 5-30 28-32 33-2 9 5 38 8 48-57-23-26-29-85-1 11-54 12-44-25-80 49-11 47 2 67-51z" fill="#062152" stroke="#062152"/><path d="M109 549c9 5 41 24 49 21 18-6-2-45 1-57 2-7 14-16 19-20 32-33 3-32-25-36-4-1-10-1-13-3-11-7-13-45-30-46-17 0-19 39-30 46-4 3-9 2-13 3-29 5-57 3-24 37 5 4 16 12 18 18 4 12-8 33-7 46 0 7 5 13 12 13 7-1 38-17 43-22zm1-125c5 9 14 37 22 42 4 3 12 3 17 4 9 1 19 1 28 5-7 6-31 26-33 35-1 4 2 11 3 16 2 10 3 20 6 30-62-26-23-26-85-1 10-56 14-42-25-80 12-4 38-3 46-9 4-3 7-12 9-17 4-8 9-16 12-25z" fill="#062152" stroke="#062152"/><path d="M298 408c-16 2-19 39-30 47-3 2-9 1-13 2-30 5-55 4-22 37 4 5 16 12 17 19 3 12-9 32-7 45 3 30 44-9 58-7 14 1 56 41 53 2-3-40-17-30 15-62 33-33-6-30-30-34-3-1-7-1-10-3-11-8-13-47-31-46zm1 16c5 9 14 37 21 42 5 3 13 3 18 4 9 1 19 2 28 5-7 6-30 25-32 34-2 7 2 18 3 25s4 14 3 21c-60-24-22-26-84 0 3-10 10-38 8-47-3-8-25-27-32-33 7-3 15-3 22-4s16-1 22-4c8-4 18-34 23-43z" fill="#062152" stroke="#062152"/></g><g id="amber" data-name="Amber"><path d="M513 412c-6 8-19 43-25 47s-15 3-21 4c-10 2-20 4-30 4 6 6 35 32 36 38 3 9-5 42-8 52 66-27 28-27 94 0-2-9-10-43-9-50 2-7 31-33 37-39-62-15-46 6-74-56z" fill="#fcbd06" stroke="#fcbd06"/></g><g id="butter" data-name="Butter"><path d="M299 424c-5 9-15 39-23 43-6 3-15 3-22 4s-15 1-22 4c7 6 29 25 32 33 2 9-5 37-8 47 62-26 24-24 84 0 1-7-2-14-3-21s-5-18-3-25c2-9 25-28 32-34-9-3-19-4-28-5-5-1-13-1-18-4-7-5-16-33-21-42z" fill="#fceab6" stroke="#fceab6"/><path d="M725 424c-20 53-18 40-67 51 37 36 36 26 25 80 59-28 28-22 85 1-3-10-10-39-8-48 2-5 27-28 32-33-7-3-16-3-23-4-6-1-17-1-22-5-7-4-17-33-22-42z" fill="#fceab6" stroke="#fceab6"/><path d="M914 425c-31 53-4 36-67 50 7 6 31 26 33 35 1 5-3 14-4 20-1 8-2 17-5 26 59-28 29-24 84-1 0-7-2-14-3-21s-5-18-4-24c2-8 26-29 33-35-9-3-19-4-28-5-5-1-13-1-17-4-8-5-16-32-22-41z" fill="#fceab6" stroke="#fceab6"/><path d="M110 424c-3 9-8 17-12 25-2 5-5 14-9 17-8 6-34 5-46 9 39 38 35 24 25 80 62-25 23-25 85 1-3-10-4-20-6-30-1-5-4-12-3-16 2-9 26-29 33-35-9-4-19-4-28-5-5-1-13-1-17-4-8-5-17-33-22-42z" fill="#fceab6" stroke="#fceab6"/></g></svg>
CSS background-image
.star-feedback-choice {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/N-WAx8YRKL_f/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.star-feedback-choice {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/N-WAx8YRKL_f/amnt.svg") center / contain no-repeat;
}
React
import StarFeedbackChoiceSvg from "./star-feedback-choice.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Star Feedback Choice: Five outlined stars in a row, with the middle star enclosed by a selection ring. 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