The HugeIcons layer bring forward icon visually represents moving an element to a higher stacking order, commonly used for bringing a selected object to the front of a layered design or document.
Common uses
- Bring selected object to front
- Increase layer depth
- Move element above others
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { LayerBringForwardIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={LayerBringForwardIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- bring to frontmove forwardlayer upstack order
FAQ
- What is the purpose of the layer bring forward icon?
- It signifies the action of moving a selected item to a position in front of other items in a layered interface or document.
- How do I use this icon in React?
- Import both HugeiconsIcon and LayerBringForwardIcon, then render it using <HugeiconsIcon icon={LayerBringForwardIcon} />.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →