Star Three Quarter icon
Used in general rating scenarios. The Star Three Quarter icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 5 sizes from 12 to 28 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 24 px
ic_fluent_star_three_quarter_24_regular.svg
Star Three Quarter icon in React
npm install @fluentui/react-icons
import { StarThreeQuarter24Regular } from "@fluentui/react-icons";
export function Example() {
return <StarThreeQuarter24Regular aria-label="Star Three Quarter" />;
}Use the Star Three Quarter icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { StarThreeQuarter24Regular, StarThreeQuarter24Filled } from "@fluentui/react-icons";
export function Example() {
return <StarThreeQuarter24Regular aria-label="Star Three Quarter" />;
}Coding agents can look up this component through the Fluent Icons MCP server.
Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_star_three_quarter_24_regular.svg" width="24" height="24" alt="Star Three Quarter"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.211 3.10215L15 6.72713V6.73109L15.567 7.87987L20.8395 8.64601C21.9468 8.80691 22.3889 10.1677 21.5877 10.9487L17.7724 14.6676L18.6731 19.9189C18.8622 21.0217 17.7047 21.8627 16.7143 21.342L11.9994 18.8632L7.28448 21.342C7.07736 21.4509 6.86293 21.5002 6.65504 21.5001C5.86803 21.5007 5.17402 20.7918 5.32374 19.9189L6.2244 14.6676L2.40916 10.9487C1.60791 10.1677 2.05005 8.80691 3.15735 8.64601L8.42988 7.87987L10.7878 3.10215C11.0356 2.60012 11.5176 2.34928 11.9994 2.34961C12.4812 2.34926 12.9632 2.60011 13.211 3.10215ZM15 9.28352V18.7461L17.1433 19.8729L16.2807 14.8435C16.2056 14.4055 16.3508 13.9587 16.6689 13.6486L20.323 10.0867L15.2732 9.35294C15.179 9.33925 15.0875 9.31581 15 9.28352Z" fill="currentColor"/></svg>Details
| Name | Star Three Quarter |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 12 px, 16 px, 20 px, 24 px, 28 px |
| Regular (outlined) file | ic_fluent_star_three_quarter_24_regular.svg |
| Filled file | ic_fluent_star_three_quarter_24_filled.svg |
| React (Regular) | StarThreeQuarter12Regular, StarThreeQuarter16Regular, StarThreeQuarter20Regular, StarThreeQuarter24Regular, StarThreeQuarter28Regular |
| React (Filled) | StarThreeQuarter12Filled, StarThreeQuarter16Filled, StarThreeQuarter20Filled, StarThreeQuarter24Filled, StarThreeQuarter28Filled |
| License | MIT (© Microsoft Corporation) |