Fluent Icons

Tag Search icon

Used to represent information tied to specific data. The Tag Search icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

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_search_24_regular.svg

Tag Search icon in React

npm install @fluentui/react-icons

import { TagSearch24Regular } from "@fluentui/react-icons";

export function Example() {
  return <TagSearch24Regular aria-label="Tag Search" />;
}

Tag Search icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/tag_search_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/tag_search_24_regular.svg" width="24" height="24" alt="Tag Search">

Tag Search icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.TagSearch())" />

Tag Search icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.tag_search_24_regular)

Tag Search icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xEC89;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xEC89;" FontSize="24" />

Tag Search icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_tag_search_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\ec89";
  font-size: 24px;
}

Tag Search icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_tag_search_24_regular" />

// Kotlin
R.drawable.ic_fluent_tag_search_24_regular

Tag Search icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .tagSearch24Regular)

Tag Search icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Tag Search 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 { TagSearch24Regular, TagSearch24Filled } from "@fluentui/react-icons";

export function Example() {
  return <TagSearch24Regular aria-label="Tag Search" />;
}

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_search_24_regular.svg" width="24" height="24" alt="Tag Search">

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.641 20.419C12.2814 20.0648 11.9703 19.6616 11.7186 19.2201L11.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.9492L19.2189 11.7179C19.6605 11.9695 20.0638 12.2806 20.418 12.6401L21.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.00216ZM20.1681 19.1074C20.6919 18.3718 21 17.4719 21 16.5C21 14.0147 18.9853 12 16.5 12C14.0147 12 12 14.0147 12 16.5C12 18.9853 14.0147 21 16.5 21C17.4719 21 18.3718 20.6919 19.1074 20.1681L21.7197 22.7803C22.0126 23.0732 22.4874 23.0732 22.7803 22.7803C23.0732 22.4874 23.0732 22.0126 22.7803 21.7197L20.1681 19.1074ZM19.5 16.5C19.5 18.1569 18.1569 19.5 16.5 19.5C14.8431 19.5 13.5 18.1569 13.5 16.5C13.5 14.8431 14.8431 13.5 16.5 13.5C18.1569 13.5 19.5 14.8431 19.5 16.5Z" fill="currentColor"/></svg>

Details

NameTag Search
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_tag_search_24_regular.svg
Filled fileic_fluent_tag_search_24_filled.svg
React (Regular)TagSearch20Regular, TagSearch24Regular
React (Filled)TagSearch20Filled, TagSearch24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

priceinformationdetailmetadatapurchasesort

Related icons

TagTag CircleTag DismissTag ErrorTag LockTag Lock AccentTag MultipleTag OffTag Question MarkTag ResetDatabase SearchPerson Tag