The Lucide plus icon depicts a simple cross shape and is commonly used to indicate actions like adding new items, expanding content, or signifying a positive value.
Common uses
- Add new item button
- Expandable section toggle
- Increment quantity control
Use it in React
Install
npm i lucide-reactImport & render
import { Plus } from 'lucide-react';
<Plus size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- addnewincreaseincrementpositivecalculatetoolbarcrosshairaimtargetscopesightreticulemaximumupgradeextra
FAQ
- What is the primary purpose of the plus icon?
- It's used to represent addition, creation, or expansion in user interfaces.
- How do I use the plus icon in a React project?
- Import it from 'lucide-react' and use it as a component: import { Plus } from 'lucide-react'.
- What is the license for the Lucide plus icon?
- The Lucide icon library, including the plus 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 →