The Lucide minus icon depicts a horizontal line, commonly used in user interfaces to represent subtraction, removal, or a decrease in value.
Common uses
- Decrementing a quantity in a shopping cart.
- Collapsing an accordion or menu item.
- Indicating a negative number in financial data.
Use it in React
Install
npm i lucide-reactImport & render
import { Minus } from 'lucide-react';
<Minus size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- subtractremovedecreasedecrementreducenegativecalculatelinedividerseparatorhorizontal rulehrhtmlmarkupmarkdown---
FAQ
- What is the minus icon used for?
- It's used for actions like subtracting, removing items, decreasing values, or visually separating content.
- How do I use the minus icon in React?
- Import it from 'lucide-react' and use it as a component: import { Minus } from 'lucide-react'.
- What is the license for the Lucide minus icon?
- The Lucide icon library, including the minus icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →