The HugeIcons structure add icon visually represents the addition of a new component or element to an existing structure, commonly used for actions like creating new sections, adding items to a list, or building out hierarchical data.
Common uses
- Add new section to a page layout
- Create a new node in a tree view
- Insert an item into a data structure
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { StructureAddIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={StructureAddIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- add structurenew structurebuild addinsert element
FAQ
- What does the structure add icon signify?
- It signifies the action of adding a new element or component to an existing structure or hierarchy.
- How do I use the StructureAddIcon in a React application?
- Import both HugeiconsIcon and StructureAddIcon, then render the icon using <HugeiconsIcon icon={StructureAddIcon} />.
- What is the license for the HugeIcons structure add icon?
- The HugeIcons library, including the structure add icon, is distributed under the MIT license.
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 →