What is the h 3 icon used for?

It visually represents a heading of level 3, commonly used for subheadings or secondary titles to structure content hierarchically.

How do I use the h 3 icon in React?

You can import and use it in your React application with the following statement: import { H3Icon } from '@heroicons/react/24/outline'.

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

Heroicons · h3 · MIT

The Heroicons h 3 icon depicts a heading level 3, typically used to represent subheadings or secondary titles within content.

Install

npm i @heroicons/react

Import & render

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

<H3Icon className="size-6" />

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

24/outline

<H3Icon className="size-6" />

24/solid

<H3Icon className="size-6" />

20/solid

<H3Icon className="size-6" />

16/solid

<H3Icon className="size-6" />

What is the h 3 icon used for?: It visually represents a heading of level 3, commonly used for subheadings or secondary titles to structure content hierarchically.
How do I use the h 3 icon in React?: You can import and use it in your React application with the following statement: import { H3Icon } from '@heroicons/react/24/outline'.
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 →