Tag Off icon
Used to represent information tied to specific data. The Tag Off 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 Off 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 { TagOff24Regular, TagOff24Filled } from "@fluentui/react-icons";
export function Example() {
return <TagOff24Regular aria-label="Tag Off" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_tag_off_24_regular.svg" width="24" height="24" alt="Tag Off"> 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="M6.94233 8.00299L2.21967 3.28033C1.92678 2.98744 1.92678 2.51256 2.21967 2.21967C2.51256 1.92678 2.98744 1.92678 3.28033 2.21967L21.7803 20.7197C22.0732 21.0126 22.0732 21.4874 21.7803 21.7803C21.4874 22.0732 21.0126 22.0732 20.7197 21.7803L15.9998 17.0604L12.5481 20.5129C11.2787 21.7798 9.22293 21.7807 7.95177 20.5143L3.49007 16.0592C2.2196 14.7913 2.21797 12.7334 3.48629 11.4632L6.94233 8.00299ZM14.9391 15.9998L8.00303 9.06369L4.5351 12.5358C3.86487 13.2207 3.86996 14.3191 4.54982 14.9977L9.01104 19.4522C9.69591 20.1345 10.8043 20.134 11.4879 19.4518L14.9391 15.9998ZM19.9884 10.9492L16.9995 13.9388L18.0602 14.9995L21.0492 12.0098C21.6585 11.4003 22.0008 10.5738 22.0008 9.71196V4.25C22.0008 3.00736 20.9934 2 19.7508 2H14.2855C13.4228 2 12.5956 2.34297 11.986 2.95334L9.00176 5.9411L10.0624 7.00178L13.0473 4.01333C13.3755 3.68467 13.821 3.5 14.2855 3.5H19.7508C20.165 3.5 20.5008 3.83579 20.5008 4.25V9.71196C20.5008 10.176 20.3165 10.6211 19.9884 10.9492ZM17.0008 5.50218C17.8292 5.50218 18.5007 6.17374 18.5007 7.00216C18.5007 7.83057 17.8292 8.50213 17.0008 8.50213C16.1724 8.50213 15.5008 7.83057 15.5008 7.00216C15.5008 6.17374 16.1724 5.50218 17.0008 5.50218Z" 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_off_24_regular.svg";Details
| Name | Tag Off |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_tag_off_24_regular.svg |
| Filled file | ic_fluent_tag_off_24_filled.svg |
| React components | TagOff24Regular, TagOff24Filled |
| License | MIT (© Microsoft Corporation) |