Flatten Pixel Art Icon
A flatten icon for merging layers, collapsing nested groups, converting a hierarchy to a flat list, and simplifying data structures.
Style variants
base
Outline ยท rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Flatten icon
An icon depicting convergence or compression of multiple levels into one. Use it in design tools on the 'flatten layers' action that merges a group of layers into a single combined shape, or in data tools for converting a nested structure into a flat array. It signals reduction of depth or hierarchy. Where the intent is more specifically collapsing a visible UI panel rather than a data structure, the collapse icon may communicate the action more clearly.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/flatten.svg" width="24" height="24" alt="Flatten" />
<!-- React -->
import { Flatten } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="flatten.svg" width="48" height="48" style="image-rendering: pixelated" />