Interface Essential

Business

Images Photography

Money Shopping

Programming

Computer Devices

Phone

Mail

Map Travel

Food Drink

Nature Ecology

Entertainment

Shipping

Culture

Health

Work Education

Artificial Intelligence

Arrows

Streamline 3.0

Ultimate

Core

Flex

Sharp

Plump

Micro

Freehand

Streamline Material

Nova

Cyber

Streamline Vault

Logos

Pixel

Google Material

Tabler

Remix

Feather

Iconoir

Carbon

Solar

Fluent UI

Lucide

Brand Logos

Bootstrap

Atlas

Unicons

Ionic Icons

Phosphor

MingCute

Font Awesome

Majesticons

Mynaui

Radix

Heroicons

Flagpack

Sharp solid icon of a vertical bar and two rightward horizontal bars. Used for alignment and text formatting.

Align Left 1

Clean hybrid solid/line icon of five rounded horizontal bars aligned right. Used for text alignment, layout controls.

Align Right 1

Clean colored solid icon of five rounded bars, three shorter bars aligned right. Used for alignment, layout, and formatting.

Align Center

Sharp neon icon of a vertical line with two left-aligned outlined rectangles. Used for text alignment, lists, and layout controls.

Clean colored solid icon of five left-aligned rounded bars. Used for text alignment, lists.

Clean colored solid icon of five centered rounded bars. Used for alignment, layout, and editor controls.

Minimal solid icon of a vertical rounded rectangle above a horizontal rounded bar. Used for bottom alignment and layout tools.

Align Bottom

Minimal line icon of a rounded rectangle aligned to a horizontal bottom bar. Used for bottom alignment tools and layout controls.

Clean solid icon of a rounded horizontal bar above a tall rounded rectangle. Used for top alignment and layout tools.

Align Top

Minimal line icon of a vertical bar beside a rounded rectangular outline. Used for alignment, layouts, and editor controls.

Align Left

Minimal solid icon of a vertical bar beside a horizontal rounded bar aligned left. Used for alignment and layout.

Clean line icon of a horizontal bar above two rounded vertical rectangles. Used for top alignment and layout tools.

Minimal line icon of a horizontal bar above a tall rounded rectangle. Used for top alignment, layout tools, and design interfaces.

Clean line icon of a top bar above two rounded rectangles. Used for top alignment and layout tools.

Rounded solid icon of a vertical bar with two left-aligned rounded horizontal bars. Used for text alignment and layout controls.

Clean line icon of two rounded bars aligned right beside a vertical line. Used for text alignment and layout.

Align Right

Bold solid icon of a rounded bar above two rounded rectangles. Used for top alignment, layout, and design tools.

Align Top 1

Sharp line icon of a vertical line with two outlined bars extending right. Used for alignment, text, and layout controls.

Clean hybrid solid-line icon of five centered rounded horizontal bars. Used for text alignment, formatting.

Minimal hybrid solid and line icon of a vertical bar with five left-aligned bars. Used for text alignment and list controls.

Align Left 2

Rounded solid icon of a top bar above two rounded blocks, left taller, aligned at top. Used for alignment and layouts.

Minimal duotone icon of a vertical line and two left-aligned rounded bars. Used for text alignment and layout controls.

Clean solid icon of a vertical rounded rectangle over a horizontal rounded bar. Used for bottom alignment and layout tools.

Align Bottom 2

Clean line icon of a top bar and two rounded shapes aligned at the top. Used for alignment controls and layout editors.

Minimal solid icon of a rounded bar above two rounded vertical blocks. Used for top alignment, layout tools, and design editors.

Clean neon icon of five horizontal rounded bars aligned right. Used for text alignment, formatting, and layout controls.

Align Right 2

Sharp duotone icon of an outlined rectangle beside a vertical bar. Used for right alignment, text layout, and formatting controls.

Clean solid icon of a vertical bar with two left-aligned horizontal bars. Used for text alignment and formatting controls.

Sharp duotone icon of a vertical bar and two left-aligned outlined rectangles. Used for text alignment and layout controls.

Rounded line icon of two outlined rounded rectangles aligned beneath a horizontal bar. Used for top alignment tools.

Rounded solid icon of a top horizontal pill above two vertical rounded rectangles. Used for top alignment and layout tools.

Rounded solid icon of two bars aligned to a right vertical bar. Used for text alignment and layout controls.

Rounded hybrid solid and line icon of two horizontal rounded bars beside a vertical bar. Used for right alignment controls.

Clean neon icon of five centered rounded bars in varying lengths. Used for alignment and layout controls.

Rounded gradient icon of four horizontal bars with shorter middle bars centered. Used for alignment and layout controls.

Rounded flat icon of four horizontal bars aligned to the right. Used for alignment, text formatting, and layout controls.

Clean neon icon of a left vertical bar and five horizontal bars. Used for text alignment and editor controls.

Minimal gradient icon of a vertical bar and five left-aligned horizontal bars. Used for text alignment and layout controls.

Clean solid icon of two rounded bars aligned to a right vertical bar. Used for text alignment and layout.

Sharp line icon of a vertical bar beside an outlined rectangle. Used for alignment, layouts, and text editors.

Clean line icon of two stacked rounded rectangles joined by a vertical line. Used for alignment tools and layout controls.

Clean line icon of four horizontal rounded bars, with two shorter bars centered. Used for alignment and layout controls.

Sharp line icon of two outlined rectangles joined by a centered vertical line. Used for alignment and layout tools.

Align Horizontal Center 1

Minimal line icon of two overlapping rounded squares offset up-left. Used for front alignment, layer order, and arrange controls.

Align Front

Clean line icon of two rounded vertical bars aligned by a horizontal center line. Used for alignment tools and layout controls.

Align Middle

Sharp line icon of a top bar above a tall outlined rectangle. Used for alignment and layout controls.

Align Top 2

Sharp line icon of an outlined rectangle above a horizontal baseline. Used for bottom alignment, layout, and positioning.

Clean solid icon of a horizontal rounded bar beside a vertical rounded bar. Used for right alignment and layout controls.

Clean solid icon of a top bar above two vertical rounded bars. Used for alignment and layout controls.

Clean line icon of a vertical bar and two left-aligned rounded rectangles. Used for text alignment and layout controls.

Clean line icon of two vertical outlined sliders with inward-facing chevrons. Used for alignment, spacing, and layout controls.

Align Left Right

Rounded gradient icon of a square frame with a left vertical bar. Used for alignment, layout, and framing.

The Align Left Frame icon shows four rounded corner segments forming a square frame with a vertical bar inside on the left. Drawn in the gradient style on a 14px grid with filled gradient shapes for a fluid, immersive look. Use it for alignment controls, layout tools, framing options, and interface design systems. It belongs to Flex Gradient set in the Flex family.

<p>Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal.&nbsp;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.</p>

Flex Gradient

<p>Flex is a fluid icon family inspired by nature’s curves. It favors smooth, flowing forms. More organic than Core and subtler than the chunky Plump. Read about the <a href="https://blog.streamlinehq.com/flex/" rel="noopener noreferrer" target="_blank">design process</a>.</p>

Align Left Frame is a gradient-style Icon from Flex Gradient set.