Tag Percent icon
The Tag Percent icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 6 sizes from 16 to 48 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_tag_percent_24_regular.svg
Tag Percent icon in React
npm install @fluentui/react-icons
import { TagPercent24Regular } from "@fluentui/react-icons";
export function Example() {
return <TagPercent24Regular aria-label="Tag Percent" />;
}Use the Tag Percent 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 { TagPercent24Regular, TagPercent24Filled } from "@fluentui/react-icons";
export function Example() {
return <TagPercent24Regular aria-label="Tag Percent" />;
}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_tag_percent_24_regular.svg" width="24" height="24" alt="Tag Percent"> 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="M19.7498 2C20.9925 2 21.9998 3.00736 21.9998 4.25V9.71196C21.9998 10.5738 21.6575 11.4003 21.0482 12.0098L21.022 12.036C20.5795 11.7502 20.1002 11.5167 19.5926 11.3442L19.9874 10.9492C20.3155 10.6211 20.4998 10.176 20.4998 9.71196V4.25C20.4998 3.83579 20.164 3.5 19.7498 3.5H14.2845C13.82 3.5 13.3745 3.68467 13.0463 4.01333L4.53412 12.5358C3.86389 13.2207 3.86898 14.3191 4.54884 14.9977L9.01006 19.4522C9.648 20.0878 10.6534 20.1309 11.3407 19.5824C11.5051 20.0688 11.7255 20.5294 11.9942 20.9565C10.7372 21.7569 9.05044 21.6098 7.95079 20.5143L3.48909 16.0592C2.21862 14.7913 2.21699 12.7334 3.48531 11.4632L11.985 2.95334C12.5946 2.34297 13.4218 2 14.2845 2H19.7498ZM16.9998 5.50218C17.8282 5.50218 18.4998 6.17374 18.4998 7.00216C18.4998 7.83057 17.8282 8.50213 16.9998 8.50213C16.1714 8.50213 15.4998 7.83057 15.4998 7.00216C15.4998 6.17374 16.1714 5.50218 16.9998 5.50218ZM23 17.5C23 20.5376 20.5376 23 17.5 23C14.4624 23 12 20.5376 12 17.5C12 14.4624 14.4624 12 17.5 12C20.5376 12 23 14.4624 23 17.5ZM20.3301 14.6718C20.1349 14.4766 19.8183 14.4766 19.623 14.6718L14.6733 19.6216C14.478 19.8168 14.478 20.1334 14.6733 20.3287C14.8685 20.524 15.1851 20.524 15.3804 20.3287L20.3301 15.3789C20.5254 15.1837 20.5254 14.8671 20.3301 14.6718ZM14.5 16C14.5 15.7239 14.7239 15.5 15 15.5C15.2761 15.5 15.5 15.7239 15.5 16C15.5 16.2761 15.2761 16.5 15 16.5C14.7239 16.5 14.5 16.2761 14.5 16ZM15 14.5C14.1716 14.5 13.5 15.1716 13.5 16C13.5 16.8284 14.1716 17.5 15 17.5C15.8284 17.5 16.5 16.8284 16.5 16C16.5 15.1716 15.8284 14.5 15 14.5ZM20 18.5C19.7239 18.5 19.5 18.7239 19.5 19C19.5 19.2761 19.7239 19.5 20 19.5C20.2761 19.5 20.5 19.2761 20.5 19C20.5 18.7239 20.2761 18.5 20 18.5ZM18.5 19C18.5 19.8284 19.1716 20.5 20 20.5C20.8284 20.5 21.5 19.8284 21.5 19C21.5 18.1716 20.8284 17.5 20 17.5C19.1716 17.5 18.5 18.1716 18.5 19Z" fill="currentColor"/></svg>Details
| Name | Tag Percent |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px, 24 px, 28 px, 32 px, 48 px |
| Regular (outlined) file | ic_fluent_tag_percent_24_regular.svg |
| Filled file | ic_fluent_tag_percent_24_filled.svg |
| React (Regular) | TagPercent16Regular, TagPercent20Regular, TagPercent24Regular, TagPercent28Regular, TagPercent32Regular, TagPercent48Regular |
| React (Filled) | TagPercent16Filled, TagPercent20Filled, TagPercent24Filled, TagPercent28Filled, TagPercent32Filled, TagPercent48Filled |
| License | MIT (© Microsoft Corporation) |