Star Icons
A five-pointed star covers two very different jobs — rating something (product reviews, app store scores) and bookmarking something (starring a repository, favoriting an app). This page collects star icon variants across Pathwork's libraries, from a thin outline to a bold filled shape, so you can match the exact weight your rating widget or favorite toggle needs.
Showing top 100·100 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all star iconsSource libraries
Frequently Asked Questions
The standard convention is outline for unselected and filled (often gold or yellow) for selected — this pattern is widely recognized from star ratings and 'starred' features across many products, so deviating from it can make the current state harder for users to read at a glance.
The common approach uses five identical star icons in a row, where hovering or clicking a given star fills that star and all stars before it (to preview or set the rating), typically implemented with either five separate elements toggled individually or a single icon repeated with conditional fill state per position.
Some libraries include a dedicated half-star variant (filled on one side, outline on the other) for this exact purpose, while others require you to construct it yourself with a clipped or partially-opacity overlay of the filled star on top of the outline version. Check whether your chosen library offers a half-star icon directly before building a custom solution.
Both are common, but star tends to imply a more neutral 'bookmark this for later' action (favoriting an app, starring a repository), while heart more often implies a personal or emotional connection (liking a post, saving a product you love). Pick based on which framing fits your feature's intent.
Each icon keeps the license from its source library attached to it, and terms can differ depending on which library a specific icon comes from. Check the license shown on the individual icon's page before using it commercially.
Gold or yellow is the strongest, most immediately recognizable convention for ratings specifically, since it's closely tied to how star ratings are commonly displayed across many products. For a 'favorite' or 'bookmark' use case (rather than a rating), using your own brand color for the filled state is more common and generally understood just as well.