Tags
The tags icon represents multiple tags or labels used to annotate and identify features in geographic information systems (GIS) and mapping applications.
Add shadcn.io to your AI agent. · Pro It installs Tags, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
367 in Font-GISCC BY 4.0 license (opens in a new tab)Free to copy and download
Code
Tags in your framework
In any framework. Customize it above, and the code follows.
export const TagsIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 100 100" {...props}>
<path fill="currentColor" fillRule="evenodd" d="M27.832 0a7.92 7.92 0 0 0-4.889 1.705L7.48 13.922a7.9 7.9 0 0 0-2.443 9.115l7.281 18.31a7.9 7.9 0 0 0 5.301 4.715l57.319 15.362a7.903 7.903 0 0 0 9.675-5.592l8.18-30.53a7.9 7.9 0 0 0-5.588-9.675L29.887.267A8 8 0 0 0 27.832 0m31.643 15.049c-1.082.633-2.128 1.478-3.104 2.494a22 22 0 0 0-2.576 3.299l-4.928-1.319a17.07 17.07 0 0 1 10.608-4.474m4.351.635l-1.96 7.322l-6.136-1.645a19.4 19.4 0 0 1 2.008-2.504c2.032-2.116 4.163-3.21 6.088-3.173m1.852.416c1.84.845 3.258 2.93 4.004 5.957c.24.975.401 2.04.486 3.172l-6.47-1.733zm-47.416.074a5.532 5.532 0 1 1 .076 11.06a5.532 5.532 0 0 1-.076-11.06m51.94 1.93a17.1 17.1 0 0 1 6.491 8.875l-4.591-1.231a22 22 0 0 0-.58-4.144c-.316-1.28-.757-2.461-1.32-3.5m-22.833 2.978l5.422 1.455a31.4 31.4 0 0 0-2.437 5.875l-6.15-1.65a17 17 0 0 1 3.165-5.68m7.313 1.959l6.691 1.793l-1.63 6.092l-7.556-2.024c.66-2.152 1.513-4.131 2.495-5.861m8.523 2.285l7.031 1.883c-.014 1.989-.264 4.128-.77 6.322l-7.894-2.115zm8.92 2.39l5.086 1.362c.376 2.1.363 4.303-.1 6.504L71.3 34.023c.505-2.169.774-4.294.826-6.306m-28.412.876l6.139 1.646a32 32 0 0 0-.903 6.287l-5.334-1.43c-.376-2.1-.365-4.302.098-6.503m7.97 2.137l7.567 2.029l-1.633 6.09l-6.781-1.817a29.7 29.7 0 0 1 .848-6.302m9.401 2.519l7.906 2.117a29.7 29.7 0 0 1-2.418 5.881l-7.12-1.906zm9.73 2.607l5.807 1.555a17 17 0 0 1-3.164 5.68l-5.002-1.338a32 32 0 0 0 2.36-5.897m-26.683 1.34l4.81 1.29c.054 1.617.258 3.147.602 4.544c.27 1.098.635 2.12 1.088 3.045a17.08 17.08 0 0 1-6.5-8.879M50.869 39l6.26 1.678l-2.041 7.617q-.166-.056-.33-.115c-1.534-1-2.717-2.935-3.375-5.606A19.7 19.7 0 0 1 50.869 39m8.092 2.168l6.598 1.77a19.7 19.7 0 0 1-2.233 2.837c-1.866 1.944-3.814 3.026-5.611 3.163a17 17 0 0 1-.797-.15zm8.523 2.285l4.475 1.197a17.1 17.1 0 0 1-9.508 4.38a15.5 15.5 0 0 0 2.242-1.94c.997-1.038 1.937-2.263 2.791-3.637m-46.55 12.218l34.862 41.786c2.281 2.938 6.788 3.408 9.625 1.003c8.22-6.853 16.463-13.685 24.666-20.567l.016-.014l.015-.015c2.725-2.478 2.854-6.93.33-9.591l-.038-.041l-.046-.04a1.34 1.34 0 0 0-.881-.304a1.3 1.3 0 0 0-.755.304c-.313.26-.407.474-.514.666s-.19.369-.257.488c-.066.119-.145.176-.018.07l.037-.03c-.287.22-.562.582-.631.994c-.07.41.05.743.15.956c.199.424.331.628.306.536l.016.058l.023.057c.4.992.076 2.354-.775 2.888l-.066.042l-.057.049c-7.956 6.798-16.073 13.43-24.107 20.17c-1 .79-2.688.827-3.503-.076C50.858 84.97 42.434 74.835 34 64.706Z" color="currentColor"/><path fill="currentColor" fillRule="evenodd" d="m92.114 41.972l-1.254 4.71l.175.354c.396.803.333 1.859-.2 2.468l-.053.06l-.041.066C85.272 58.189 79.74 66.718 74.3 75.31l-.02.034l-.02.037c-.328.622-.859 1.21-1.44 1.562c-.58.353-1.17.485-1.792.333h-.006l-.004-.002c-.76-.176-1.581-.96-2.784-1.622c-12.061-7.708-24.086-15.479-36.122-23.237c-5.12-1.524-10.434-3.106-15.078-4.557l51.13 32.781l.017.01l.016.011c3.139 1.85 7.391.715 9.21-2.434l-.025.043c5.752-8.956 11.559-17.885 17.284-26.87l.018-.026l.015-.029c1.476-2.658.914-6.105-1.303-8.173z" color="currentColor"/>
</svg>
);Other libraries
Tags in 8 more libraries
Each library draws it its own way. Open one to compare.
Font-GIS
More like it
Icons that share its tags, in the same style.
Search Font-GIS
Skip the copy and paste. With Pro, your AI agent finds and installs any Font-GIS icon from a prompt.
Get ProTags
Browse by tag
Tags is tagged organization, notation, GIS and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Font-GIS MCP, with Pro
Ask for Tags or any of 367 Font-GIS icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Tags icon means and where it's used, then how to install, style and license it.
Install Tags from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.