Pixelarticons

Ungroup Pixel Art Icon

An ungroup icon for separating grouped layers or objects, breaking apart compound shapes, and dissolving selections.

design Pro 4 variants

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Ungroup icon

Overlapping shapes or frames pulling apart, representing the dissolution of a group into individual components. Vector editors and design tools use it for the 'Ungroup' command, separating a grouped selection so each element can be edited independently. It is the direct inverse of a group icon, and the two often appear together in an Object or Arrange menu. For breaking a single compound path, a 'Break apart' icon is more precise.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/ungroup.svg" width="24" height="24" alt="Ungroup" />

<!-- React -->
import { Ungroup } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="ungroup.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons