The Lucide bring to front icon visually represents moving an object to the foremost layer in a stack, commonly used in design tools to control element layering.
Common uses
- Bring selected object to the top layer
- Move element to the front of overlapping items
- Set layering order for design elements
Use it in React
Install
npm i lucide-reactImport & render
import { BringToFront } from 'lucide-react';
<BringToFront size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- bringsendmoveoverforwardfrontoverlaplayerordertobring forwardmove to toplayer ordersend to front
FAQ
- What does the bring to front icon do?
- It signifies the action of placing a selected item above all other items in a layered or stacked arrangement.
- How do I use the bring to front icon in React?
- You can import and use it like this: import { BringToFront } from 'lucide-react'. Then, render it as a component: <BringToFront />.
- What is the license for this icon?
- The Lucide icon library, including the bring to front icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →