Star Shape Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Star Shape icon is commonly used in rating systems, favorites and review sections. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/306577.svg" alt="Star Shape icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306577.svg" alt="Star Shape icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306577.svg" alt="Star Shape icon" :width="24" :height="24" />
CSS background
.icon-star-shape {
background-image: url('https://proicons.com/icon/306577.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 74c7 18 13 35 19 51l87 246c2 5 4 7 10 7h321c-2 2-3 3-5 4-69 57-138 113-207 170-4 3-6 3-11 0-69-51-138-101-207-152-6-4-9-4-14 0L286 551c-4 4-7 4-11 0L68 383c-1-1-3-3-6-5h321c6 0 9-1 11-7 34-97 69-193 103-290 1-2 2-4 3-7zm245 740c-1-3-3-4-5-6-78-60-157-120-235-180-4-3-6-3-10 0-78 60-156 120-234 179-3 3-5 5-6 9-8 24-15 48-22 72-4 13-8 25-12 37 4 0 5-2 7-3l267-204c4-3 6-3 10 0 66 50 132 101 198 151 25 19 49 38 75 58v-4c-11-36-22-72-33-109zM505 465c-4-3-6-3-10 0-58 45-116 89-175 134l-35 116 210-160c4-3 6-3 10 0 66 50 132 101 198 151l12 9-36-116c-58-45-116-89-174-134zM285 715z"/></svg>
Copied!