Bring Forward icon
Move the selected object one layer closer to the front.
24px × 4
1.75
Use it in your project
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
<path d="M15 18v.5c0 1.38-1.12 2.5-2.5 2.5h-7C4.12 21 3 19.88 3 18.5v-7C3 10.12 4.12 9 5.5 9H6"/>
<rect width="12" height="12" x="9" y="3" rx="2.5"/>
<path d="M15 12.25v-6M12.75 8.5 15 6.25l2.25 2.25"/>
</svg>Icon details
- Name
- bring-forward
- Component
- BringForwardIcon
- Category
- Interface Essentials
- Variants
- Outline, Filled
- Added in
- v0.2.0
- Files
- @ikions/icons/outline/bring-forward.svg
@ikions/icons/filled/bring-forward.svg
Related icons
- send-backwardSend Backward icon
- layersLayers icon
- align-bottomAlign Bottom icon
- align-topAlign Top icon
- sortSort icon
- sort-ascendingSort Ascending icon
- sort-descendingSort Descending icon
- arrow-forward-downArrow Forward Down icon
- arrow-forward-upArrow Forward Up icon
- car-frontCar Front icon
- fast-forwardFast Forward icon
- file-stackFile Stack icon