Tag Question Mark icon
Used to represent information tied to specific data. The Tag Question Mark 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 Question Mark 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 { TagQuestionMark24Regular, TagQuestionMark24Filled } from "@fluentui/react-icons";
export function Example() {
return <TagQuestionMark24Regular aria-label="Tag Question Mark" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_tag_question_mark_24_regular.svg" width="24" height="24" alt="Tag Question Mark"> 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.0219 12.0361C20.5795 11.7503 20.1001 11.5167 19.5925 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.64794 20.0877 10.6532 20.1309 11.3405 19.5826C11.5049 20.0689 11.7253 20.5295 11.9941 20.9567C10.7371 21.7569 9.05039 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.50218ZM22.9998 17.5C22.9998 14.4624 20.5373 12 17.4998 12C14.4622 12 11.9998 14.4624 11.9998 17.5C11.9998 20.5376 14.4622 23 17.4998 23C20.5373 23 22.9998 20.5376 22.9998 17.5ZM16.8752 20.5045C16.8752 20.1596 17.1548 19.88 17.4998 19.88C17.8447 19.88 18.1243 20.1596 18.1243 20.5045C18.1243 20.8494 17.8447 21.129 17.4998 21.129C17.1548 21.129 16.8752 20.8494 16.8752 20.5045ZM15.6464 15.9574C15.6355 14.8205 16.4519 14.0031 17.4998 14.0031C18.5308 14.0031 19.3532 14.8489 19.3532 15.9526C19.3532 16.5186 19.1679 16.866 18.6902 17.4003L18.4245 17.6908L18.3235 17.8063C18.0762 18.0981 17.9998 18.2684 17.9998 18.5006C17.9998 18.7767 17.7759 19.0006 17.4998 19.0006C17.2237 19.0006 16.9998 18.7767 16.9998 18.5006C16.9998 17.9255 17.1866 17.5749 17.6709 17.0333L17.9363 16.7432L18.0353 16.63C18.2779 16.3437 18.3532 16.1769 18.3532 15.9526C18.3532 15.395 17.9722 15.0031 17.4998 15.0031C17.006 15.0031 16.6408 15.3688 16.6464 15.9478C16.649 16.2239 16.4273 16.4499 16.1512 16.4526C15.8751 16.4552 15.6491 16.2335 15.6464 15.9574Z" 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_question_mark_24_regular.svg";Details
| Name | Tag Question Mark |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_tag_question_mark_24_regular.svg |
| Filled file | ic_fluent_tag_question_mark_24_filled.svg |
| React components | TagQuestionMark24Regular, TagQuestionMark24Filled |
| License | MIT (© Microsoft Corporation) |