Activities

Android

Audio Video

Arrows

Brand

Business Payments

Common Actions

Communication

Hardware

Home

Household

Maps

Photo Image

Privacy Security

Social

Text Formatting

Transportation

Travel

UI Actions

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

Lucide

Brand Logos

Bootstrap

Atlas

Unicons

Ionic Icons

Phosphor

MingCute

Font Awesome

Majesticons

Mynaui

Radix

Heroicons

Flagpack

Clean line icon of one tall bar and two shorter rounded bars. Used for flex alignment, layout controls, and UI configuration.

Align Justify Flex Start

Arm Flex 2

Clean solid icon of a horizontal bar above a vertical rounded bar. Used for flex-start alignment and layout controls.

Align Flex Start Fill

Arm Flex 1

Rounded line icon of six rounded rectangles in two rows, with three inner slots. Used for flex wrapping, responsive layouts.

Flex Wrap

Clean line icon of six rounded rectangles in two rows, three with vertical slots. Used for flex-wrap layouts and responsive grids.

Sharp line icon of six blocks in two rows, with three inner slots. Used for flex-wrap and grids.

Clean line icon of two stacked rounded rectangles with a downward arrow. Used for flex direction and column layouts.

Flex Direction

Sharp line icon of two stacked rectangles, top hollow, beside a downward arrow. Used for flex direction and layout controls.

Minimal line icon of six blocks in two rows, alternating with vertical gaps. Used for flex-wrap and layout controls.

Clean line icon of two stacked blocks beside a downward arrow. Used for flex direction, CSS layouts, and vertical stacking.

Clean line icon of three rounded vertical blocks, outer blocks with slots. Used for flex no-wrap layouts.

Flex No Wrap

Sharp line icon of three vertical blocks, with narrow inner slots in the outer blocks. Used for flexbox no-wrap layouts and CSS.

Rounded line icon of three vertical rounded blocks in one row. Used for flex no-wrap layouts.

Clean solid icon of six rounded rectangles in two rows, with three vertical slots. Used for flex wrapping and layout.

Flex Wrap Fill

Rounded solid icon of six rounded blocks in two rows, three with vertical cutouts. Used for flex-wrap layouts.

Rounded solid icon of two stacked rounded rectangles with a downward arrow. Used for flex direction controls and layout settings.

Flex Direction Fill

Clean solid icon of two stacked rounded blocks beside a down arrow. Used for flex direction, columns, and alignment.

Sharp solid icon of six blocks in two rows, three with vertical cutouts. Used for flex wrapping and layout.

Minimal line icon of three vertical blocks in a row, with inner slots in the outer blocks. Used for no-wrap layouts.

Sharp solid icon of two stacked blocks beside a downward arrow. Used for flex direction and column layouts.

Sharp line icon of a vertical bar above a horizontal bar. Used for flex-end alignment, layout controls, and CSS interfaces.

Align Flex End

Clean line icon of a rounded vertical bar above a horizontal bar. Used for flex-end alignment, layout tools, and CSS controls.

Minimal line icon of a centered vertical rectangle above a horizontal bar. Used for flex-end alignment and layout controls.

Clean line icon of a horizontal bar with a centered vertical bar descending from it. Used for flex-start alignment.

Align Flex Start

Sharp line icon of a long horizontal bar above a centered vertical bar. Used for flex alignment, layout controls, and positioning.

Clean line icon of a horizontal bar above a vertical rounded bar. Used for flex-start alignment and layout controls.

Rounded line icon of a horizontal rounded bar above a vertical rounded bar. Used for flex-start alignment and layout controls.

Clean line icon of a centered vertical bar crossing a horizontal bar. Used for flex alignment, centering, and layout controls.

Align Flex Center

Clean line icon of a vertical bar crossing a rounded horizontal bar at center. Used for flexbox alignment, layouts and UI.

Sharp line icon of a centered cross with horizontal and vertical bars. Used for flex alignment and centering controls.

Rounded line icon of a vertical bar crossing a horizontal bar at center. Used for flex alignment and centered layout controls.

Clean solid icon of three vertical rounded rectangles with slots in the outer two. Used for flex layouts and no-wrap rows.

Flex No Wrap Fill

Rounded solid icon of three vertical rounded bars, outer two with white slots. Used for flex and no-wrap controls.

Sharp solid icon of three vertical blocks with inner slots. Used for no-wrap layouts, flexbox settings.

Rounded solid icon of a vertical pill above a horizontal pill. Used for flex-end alignment and layout controls.

Align Flex End Fill

Minimal solid icon of a vertical rounded bar above a horizontal bar. Used for flexbox alignment and layout controls.

Rounded solid icon of a horizontal bar above a vertical rounded bar. Used for flex-start alignment and layout controls.

Clean solid icon of a vertical bar intersecting a rounded horizontal bar. Used for flex alignment and centering controls.

Align Flex Center Fill

Sharp solid icon of a filled plus sign. Used for add buttons, create actions, and interface controls.

Rounded solid icon of crossing horizontal and vertical bars. Used for flex centering and layout controls.

Sharp line icon of three vertical bars, with the tallest on the right. Used for flex-end alignment, layouts, and charts.

Align Justify Flex End

Clean line icon of two short bars and a taller right bar. Used for flex-end alignment and layout controls.

Clean line icon of three rising bars, aligned along the bottom. Used for flex-end layouts and alignment controls.

Minimal line icon of three vertical bars—left taller than two. Used for flex-start alignment.

Clean line icon of a tall vertical bar and two shorter rounded bars. Used for flex-start alignment and layout controls.

The Flex Direction icon shows two stacked rectangular blocks beside a large downward arrow. Drawn in the line style on a 24px grid for clear, adaptable UI use. Use it for flex-direction controls, CSS layout tools, vertical stacking options, and responsive design interfaces. It belongs to Material Pro Line set in the Streamline Material family.

Google Material Pro offers a versatile collection of high-quality, easily recognizable icons built on Material Design principles, ensuring clarity, consistency, and simplicity for a wide range of digital applications. The Line style is perfect for projects that prioritize simplicity, seamlessly adapting to both light and dark backgrounds. All Material Pro icons are designed on a 24px grid.

Material Pro Line

<p>Everything you love about Material, without the flaws. We fixed inconsistencies, expanded the library, and rebuilt it for total coverage.</p>

Flex Direction is a line-style Icon from Material Pro Line set.