The Heroicons minus small icon depicts a horizontal line, commonly used to represent subtraction, removal, or collapsing an element in a user interface.
Common uses
- Decrementing a quantity
- Collapsing a section
- Removing an item from a list
Use it in React
Install
npm i @heroicons/reactImport & render
import { MinusSmallIcon } from '@heroicons/react/24/outline';
<MinusSmallIcon className="size-6" />Styles
Heroicons ships this icon in 3 styles — each its own import:
24/outline
<MinusSmallIcon className="size-6" />24/solid
<MinusSmallIcon className="size-6" />20/solid
<MinusSmallIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- minussmallsubtractremovecollapsenegative
FAQ
- What is the purpose of the minus small icon?
- It visually represents actions like subtraction, removal, or collapsing UI elements. It's a universally understood symbol for reduction or negation.
- How do I use the minus small icon in React?
- You can import and use it in your React application with the following statement: import { MinusSmallIcon } from '@heroicons/react/24/outline'.
- What is the license for Heroicons?
- Heroicons are provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →