The Lucide square plus icon depicts a plus symbol within a square, commonly used to represent actions like adding new items, creating new entries, or initiating a calculation.
Common uses
- Add new item button
- Create new document/record
- Open calculator or calculation tool
Use it in React
Install
npm i lucide-reactImport & render
import { SquarePlus } from 'lucide-react';
<SquarePlus size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- addnewincreaseincrementpositivecalculatecalculatorbuttonkeyboardtoolbarmaximumupgradeextraoperatorjoinconcatenate
FAQ
- What does the square plus icon represent?
- It symbolizes addition, creation, or expansion, often used for 'add new' functionalities or mathematical operations.
- How do I use the square plus icon in React?
- Import it from 'lucide-react' and use it as a component: import { SquarePlus } from 'lucide-react'.
- What is the license for the Lucide square plus icon?
- The Lucide icon library, including the square 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 →