---
title: "Align Front 1 Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/align-front-1--27706
canonical_url: "https://www.streamlinehq.com/icons/download/align-front-1--27706"
summary: "Rounded gradient icon of a large rounded rectangle with a curved bar above it. Used for front alignment and layer ordering."
---

# Align Front 1 icon

The Align Front 1 icon shows a large rounded rectangular shape with a curved horizontal bar positioned above it. Drawn in the Gradient style on a 14px grid, its filled gradient forms keep the silhouette fluid and prominent. Use it for bring-to-front controls, layer ordering, object arrangement, and design or editing interfaces. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of a large rounded rectangle with a curved bar above it. Used for front alignment and layer ordering.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/flex-gradient/interface-essential/align/align-front-1-4y4l9d931ckgvioyxrjqm.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Align Front 1
- **Type**: Icon
- **Set**: [Flex Gradient](/icons/flex-gradient.md) — Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal. The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Flex Gradient icons are designed on a 14px grid using filled shapes as gradient colors.
- **Family**: [Flex](/icons/flex.md) — Fluid icons
- **Style**: Gradient
- **Category**: Interface Essential › Align
- **Default size**: 14px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: front, layer, layers, align, stack, pile, arrange, square, design, layout, frame, UI, interface, pathfinder, wireframe, button, graphic, app, sketch

## Download

- [Download Align Front 1 on Streamline](https://www.streamlinehq.com/icons/download/align-front-1--27706)

## Also available in other styles

- [Align Front 1 — Flex Line](/icons/download/align-front-1--24509.md) (Pro)
- [Align Front 1 — Flex Duo](/icons/download/align-front-1--24558.md) (Pro)
- [Align Front 1 — Flex Remix](/icons/download/align-front-1--28515.md) (Pro)
- [Align Front 1 — Flex Flat](/icons/download/align-front-1--24719.md) (Pro)
- [Align Front 1 — Flex Neon](/icons/download/align-front-1--30397.md) (Pro)
- [Align Front 1 — Flex Pop](/icons/download/align-front-1--31282.md) (Pro)
- [Align Front 1 — Flex Solid](/icons/download/align-front-1--24349.md) (Pro)

---

[View full sitemap](/sitemap.md)