The HugeIcons ungroup icon visually represents the action of separating or disaggregating a group of items, commonly used in user interfaces to allow users to break apart grouped elements.
Common uses
- Ungrouping layers in a design tool
- Separating selected objects in a canvas
- Disbanding a collection of related data points
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { UngroupIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={UngroupIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- ungroupdisaggregateseparatebreak apart
FAQ
- What does the ungroup icon signify?
- It signifies the action of disassembling a group into its individual components. It's used when users need to manipulate or view items that were previously bundled together.
- How do I use the UngroupIcon in React?
- Import both HugeiconsIcon and UngroupIcon from their respective packages and render it using <HugeiconsIcon icon={UngroupIcon} />.
- What is the license for this icon?
- The HugeIcons icon library, including the UngroupIcon, 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 →