The Lucide ungroup icon visually represents the action of separating a grouped set of elements into individual components, commonly used in UI to signify deconstruction or disaggregation.
Common uses
- Removing elements from a selected group
- Disabling a grouped selection
- Breaking apart a composite object
Use it in React
Install
npm i lucide-reactImport & render
import { Ungroup } from 'lucide-react';
<Ungroup size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- cubespackagespartsunitscollectionclusterseparateungroupdisaggregatebreak apartdeconstruct
FAQ
- What does the ungroup icon mean?
- It signifies the action of separating a collection of items into their individual parts. It's used when you want to deconstruct a grouped set.
- How do I use the ungroup icon in React?
- You can import and use it like this: import { Ungroup } from 'lucide-react'. Then, render it as <Ungroup />.
- What is the license for the Lucide ungroup icon?
- The Lucide icon library, including the ungroup 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 →