The HugeIcons add square icon depicts a square with a plus sign inside, typically used to represent actions like adding new items, creating new content, or expanding options.
Common uses
- Add new user to a group
- Create a new document or entry
- Expand a collapsed section or menu
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AddSquareIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AddSquareIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- plus squarenew itemcreateadd item
FAQ
- What does the AddSquareIcon represent?
- The AddSquareIcon visually signifies the action of adding something new or creating new content within a user interface.
- How do I use the AddSquareIcon in a React project?
- Import both HugeiconsIcon and AddSquareIcon, then render the icon using <HugeiconsIcon icon={AddSquareIcon} />.
- What is the license for HugeIcons?
- HugeIcons are released 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 HugeIcons.
Looking for something else? Search HugeIcons 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 →