What is the plus small icon used for?

It's typically used for actions like adding new items, expanding content, or creating new records within a user interface.

How do I use the plus small icon in React?

You can import and use it with the following statement: import { PlusSmallIcon } from '@heroicons/react/24/outline'.

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

Heroicons · plus-small · MIT

The Heroicons plus small icon depicts a simple plus sign, commonly used to indicate adding new items, expanding content, or initiating an action.

Install

npm i @heroicons/react

Import & render

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

<PlusSmallIcon className="size-6" />

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

24/outline

<PlusSmallIcon className="size-6" />

24/solid

<PlusSmallIcon className="size-6" />

20/solid

<PlusSmallIcon className="size-6" />

What is the plus small icon used for?: It's typically used for actions like adding new items, expanding content, or creating new records within a user interface.
How do I use the plus small icon in React?: You can import and use it with the following statement: import { PlusSmallIcon } from '@heroicons/react/24/outline'.
What is the license for Heroicons?: Heroicons are available 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 →