Pixelarticons

Circle Pile Pixel Art Icon

Stacked circles icon for layer stacking, Z-order controls, object pile concepts and layered-element indicators.

design Free 2 variants

Tags

circlepile

Style variants

base

Outline · rounded corners

solid

Filled · rounded corners

Get Pro

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

About the Circle Pile icon

Multiple overlapping circles arranged in a stack or pile, suggesting depth, Z-ordering, or a collection of layered objects. Use it in a design tool to represent a 'Bring to front / Send to back' group action, a stacked-cards UI pattern, a layer-order panel trigger, or a 'collection' concept where items accumulate. The stacked reading distinguishes it from a lone circle. For Z-order of non-circular shapes, flip-to-front and flip-to-back are more directly action-oriented alternatives.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/circle-pile.svg" width="24" height="24" alt="Circle Pile" />

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

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

Related icons