What is the hashtag icon used for?

It's typically used to represent tags, topics, or channels, helping users categorize or navigate content.

How do I use the hashtag icon in React?

Import it using `import { HashtagIcon } from '@heroicons/react/24/outline'` and then use it as a component: ` `.

Heroicons are distributed under the MIT license, allowing for free use in both personal and commercial projects.

Heroicons · hashtag · MIT

The Heroicons hashtag icon visually represents a pound sign or number sign, commonly used in user interfaces to denote topics, tags, or channels.

Install

npm i @heroicons/react

Import & render

import { HashtagIcon } from '@heroicons/react/24/outline';

<HashtagIcon className="size-6" />

Heroicons ships this icon in 4 styles — each its own import:

24/outline

<HashtagIcon className="size-6" />

24/solid

<HashtagIcon className="size-6" />

20/solid

<HashtagIcon className="size-6" />

16/solid

<HashtagIcon className="size-6" />

What is the hashtag icon used for?: It's typically used to represent tags, topics, or channels, helping users categorize or navigate content.
How do I use the hashtag icon in React?: Import it using `import { HashtagIcon } from '@heroicons/react/24/outline'` and then use it as a component: `<HashtagIcon className="h-6 w-6" />`.
What is the license for Heroicons?: Heroicons are distributed under the MIT license, allowing for free use in both personal and commercial projects.

The same idea in other libraries, and near matches in Heroicons.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →