Bring To Front icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable layout vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/lucide-bring-to-front.json
npx shadcn@latest add https://www.shadcn.io/registry/lucide-bring-to-front.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/lucide-bring-to-front.json
bunx shadcn@latest add https://www.shadcn.io/registry/lucide-bring-to-front.json
Category:layout
Tags:bringfrontlayerarrangeorderstackingz-indexdepth

The bring-to-front icon represents layer ordering and depth arrangement functionality in design and interface management applications.

Featuring overlapping rectangles with one element positioned prominently in front, this layering symbol has become the standard for indicating z-index management, element stacking, and visual hierarchy control across design tools and layout management interfaces.

Frequently Asked Questions

Common questions about the Bring To Front icon

Similar Icons

Scan Search - interface icon from Lucide
scan search
Brush Cleaning - actions icon from Lucide
brush cleaning
Concierge Bell - interface icon from Lucide
concierge bell
Squircle Dashed - layout icon from Lucide
squircle dashed
Text Align Start - typography icon from Lucide
text align start
Variable - system icon from Lucide
variable
Square Dashed Top Solid - layout icon from Lucide
square dashed top solid
Key Square - system icon from Lucide
key square
Panel Right Close - layout icon from Lucide
panel right close