Tag Reset icon
Used to represent information tied to specific data. The Tag Reset 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 Tag Reset 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 { TagReset24Regular, TagReset24Filled } from "@fluentui/react-icons";
export function Example() {
return <TagReset24Regular aria-label="Tag Reset" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_tag_reset_24_regular.svg" width="24" height="24" alt="Tag Reset"> 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="M21.9998 4.25C21.9998 3.00736 20.9925 2 19.7498 2H14.2845C13.4218 2 12.5946 2.34297 11.985 2.95334L3.48531 11.4632C2.21699 12.7334 2.21862 14.7913 3.48909 16.0592L7.95079 20.5143C9.22195 21.7807 11.2777 21.7798 12.5472 20.5129L12.5502 20.5099C12.3111 19.9908 12.1474 19.4401 12.0641 18.8745L11.487 19.4518C10.8033 20.134 9.69493 20.1345 9.01006 19.4522L4.54884 14.9977C3.86898 14.3191 3.86389 13.2207 4.53412 12.5358L13.0463 4.01333C13.3745 3.68467 13.82 3.5 14.2845 3.5H19.7498C20.164 3.5 20.4998 3.83579 20.4998 4.25V9.71196C20.4998 10.176 20.3155 10.6211 19.9874 10.9492L18.8731 12.0639C19.4387 12.147 19.9894 12.3106 20.5085 12.5496L21.0482 12.0098C21.6575 11.4003 21.9998 10.5738 21.9998 9.71196V4.25ZM18.4998 7.00216C18.4998 6.17374 17.8282 5.50218 16.9998 5.50218C16.1714 5.50218 15.4998 6.17374 15.4998 7.00216C15.4998 7.83057 16.1714 8.50213 16.9998 8.50213C17.8282 8.50213 18.4998 7.83057 18.4998 7.00216ZM14.7803 12.2803C15.0732 11.9874 15.0732 11.5126 14.7803 11.2197C14.4874 10.9268 14.0126 10.9268 13.7197 11.2197L11.7197 13.2197C11.4268 13.5126 11.4268 13.9874 11.7197 14.2803L13.7197 16.2803C14.0126 16.5732 14.4874 16.5732 14.7803 16.2803C15.0732 15.9874 15.0732 15.5126 14.7803 15.2197L14.0607 14.5H18C18.6922 14.5 19.3689 14.7053 19.9445 15.0899C20.5201 15.4744 20.9687 16.0211 21.2336 16.6606C21.4985 17.3001 21.5678 18.0039 21.4327 18.6828C21.2977 19.3617 20.9644 19.9854 20.4749 20.4749C19.9854 20.9644 19.3617 21.2977 18.6828 21.4327C18.0039 21.5678 17.3001 21.4985 16.6606 21.2336C16.0211 20.9687 15.4744 20.5201 15.0899 19.9445C14.7053 19.3689 14.5 18.6922 14.5 18C14.5 17.5858 14.1642 17.25 13.75 17.25C13.3358 17.25 13 17.5858 13 18C13 18.9889 13.2932 19.9556 13.8427 20.7779C14.3921 21.6001 15.173 22.241 16.0866 22.6194C17.0002 22.9978 18.0055 23.0969 18.9755 22.9039C19.9454 22.711 20.8363 22.2348 21.5355 21.5355C22.2348 20.8363 22.711 19.9454 22.9039 18.9755C23.0969 18.0055 22.9978 17.0002 22.6194 16.0866C22.241 15.173 21.6001 14.3921 20.7779 13.8427C19.9556 13.2932 18.9889 13 18 13H14.0607L14.7803 12.2803Z" 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/tag_reset_24_regular.svg";Details
| Name | Tag Reset |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_tag_reset_24_regular.svg |
| Filled file | ic_fluent_tag_reset_24_filled.svg |
| React components | TagReset24Regular, TagReset24Filled |
| License | MIT (© Microsoft Corporation) |