Create a custom star-rating SVG for your website, emails, or documents. Configure rating, color, size — copy or download.
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="24" viewBox="0 0 128 24" role="img" aria-label="4.5 out of 5 stars">
<defs>
<linearGradient id="partial-4" x1="0" x2="1" y1="0" y2="0">
<stop offset="50.0%" stop-color="#FBBF24"/>
<stop offset="50.0%" stop-color="#E5E7EB"/>
</linearGradient>
</defs>
<g transform="translate(0, 0) scale(1)"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="#FBBF24"/></g>
<g transform="translate(26, 0) scale(1)"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="#FBBF24"/></g>
<g transform="translate(52, 0) scale(1)"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="#FBBF24"/></g>
<g transform="translate(78, 0) scale(1)"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="#FBBF24"/></g>
<g transform="translate(104, 0) scale(1)"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="url(#partial-4)"/></g>
</svg>Want live, automatic star ratings?
Rated Stores review widgets render real-time star ratings from your verified reviews. Free tier available.
Try free →