The HugeIcons bring to front icon visually represents moving an element to the foremost layer, commonly used to ensure an object is visible or on top of others.
Common uses
- Layering elements in a design tool
- Bringing a dialog box to the foreground
- Prioritizing an object in a visual editor
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BringToFrontIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BringToFrontIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- bring forwardbring to toplayer forwardstack order
FAQ
- What does the 'bring to front' icon signify?
- It signifies the action of moving a selected item to the very top layer, making it appear above all other elements.
- How do I use the BringToFrontIcon in React?
- Import it from '@hugeicons/core-free-icons' and render it using the HugeiconsIcon component from '@hugeicons/react' like this: <HugeiconsIcon icon={BringToFrontIcon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in commercial and non-commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.