A five-point star, for ratings, favourites, featured items and bookmarks. Boxed in a square, in stroke, two-tone, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 6C3 4.3431 4.3431 3 6 3L18 3C19.6569 3 21 4.3431 21 6L21 18C21 19.6569 19.6569 21 18 21L6 21C4.3431 21 3 19.6569 3 18ZM11.7693 7.4036C11.8082 7.3106 11.8992 7.25 12 7.25C12.1009 7.25 12.1918 7.3106 12.2307 7.4036L13.435 10.2873C13.4711 10.3737 13.5525 10.4327 13.6458 10.4401L16.7699 10.6895C16.8998 10.6999 17 10.8084 17 10.9387C17 11.0119 16.9679 11.0814 16.9123 11.1289L14.5335 13.1581C14.4779 13.2056 14.4458 13.2752 14.4458 13.3483C14.4458 13.368 14.4481 13.3875 14.4527 13.4066L15.1797 16.4418C15.1842 16.4608 15.1865 16.4804 15.1865 16.5C15.1865 16.6381 15.0746 16.75 14.9365 16.75C14.8907 16.75 14.8458 16.7374 14.8066 16.7136L12.1299 15.0854C12.0908 15.0616 12.0458 15.049 12 15.049C11.9542 15.049 11.9092 15.0616 11.8701 15.0854L9.1934 16.7136C9.1543 16.7374 9.1093 16.75 9.0635 16.75C8.9254 16.75 8.8135 16.6381 8.8135 16.5C8.8135 16.4804 8.8158 16.4608 8.8204 16.4418L9.5474 13.4066C9.5519 13.3875 9.5542 13.368 9.5542 13.3483C9.5542 13.2752 9.5222 13.2056 9.4665 13.1581L7.0878 11.1289C7.0321 11.0814 7 11.0119 7 10.9387C7 10.8084 7.1002 10.6999 7.2301 10.6895L10.3542 10.4401C10.4475 10.4327 10.5289 10.3737 10.565 10.2873L11.7693 7.4036Z" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- favourite
- bookmark
- rating
- featured
- favorite
Containers
The same drawing boxed differently. Each is its own icon, with its own name.
Related icons
The rest of the star family first, then the Actions shelf.
FAQ
Answered from square-star's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the square-star icon for?
- A five-point star, for ratings, favourites, featured items and bookmarks. It is filed under Actions in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as favourite, bookmark, rating, featured and favorite, and the browser's search matches all of those.
- What styles does the square-star icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- How is square-star different from star?
- square-star is the same drawing inside a square. The bare glyph is star, and it is also boxed as circle-star.
- What other icons go with square-star?
- star-off, star-shooting, alert, badge, badge-alert and badge-check, and 12 more, all shown below. The star family is listed first, then the rest of the Actions shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import square-star in React?
- <SquareStar /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <SquareStar size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the square-star SVG?
- icons/stroke/square-star.svg, icons/two-tone/square-star.svg, icons/duotone/square-star.svg and icons/fill/square-star.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was square-star added to the set?
- Added 18 Oct 2026. It ships in v2.0.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.