Rating Mature icon
Used in the rating of content. The Rating Mature icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Rating Mature 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 { RatingMature24Regular, RatingMature24Filled } from "@fluentui/react-icons";
export function Example() {
return <RatingMature24Regular aria-label="Rating Mature" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_rating_mature_24_regular.svg" width="24" height="24" alt="Rating Mature"> 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="M8.82617 8.2699C8.62402 8.02732 8.29159 7.93734 7.99468 8.04483C7.69778 8.15233 7.5 8.43427 7.5 8.75004V15.25C7.5 15.6643 7.83579 16 8.25 16C8.66421 16 9 15.6643 9 15.25V10.8216L11.4238 13.7302C11.5663 13.9012 11.7774 14 12 14C12.2226 14 12.4337 13.9012 12.5762 13.7302L15 10.8216V15.25C15 15.6643 15.3358 16 15.75 16C16.1642 16 16.5 15.6643 16.5 15.25V8.75004C16.5 8.43427 16.3022 8.15233 16.0053 8.04483C15.7084 7.93734 15.376 8.02732 15.1738 8.2699L12 12.0785L8.82617 8.2699ZM6.25 3C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H17.75C19.5449 21 21 19.5449 21 17.75V6.25C21 4.45507 19.5449 3 17.75 3H6.25ZM4.5 6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H17.75C18.7165 4.5 19.5 5.2835 19.5 6.25V17.75C19.5 18.7165 18.7165 19.5 17.75 19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V6.25Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/rating_mature_24_regular.svg";Details
| Name | Rating Mature |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_rating_mature_24_regular.svg |
| Filled file | ic_fluent_rating_mature_24_filled.svg |
| React components | RatingMature24Regular, RatingMature24Filled |
| License | MIT (© Microsoft Corporation) |