Group Pixel Art Icon
A group icon for grouping layers in design tools, organizing objects and creating combined component selections.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Group icon
A dashed or solid border surrounding multiple elements, representing a group or container of selected objects. Use it in a design tool's layers panel to indicate a grouped set of elements, on a 'Group selection' toolbar button, in a diagram editor's 'Create group' action, or in a component library entry for a compound element. Grouping preserves the relationship between items for easier repositioning. For ungrouping and releasing items, an ungroup icon or the same icon in a toggle state applies.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/group.svg" width="24" height="24" alt="Group" />
<!-- React -->
import { Group } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="group.svg" width="48" height="48" style="image-rendering: pixelated" />