Activities

Android

Arrows

Audio Video

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

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

Flex Direction

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

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.

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

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

Align Flex Start

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

Align Flex Center

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

Sharp line icon of three vertical bars (tall left, two short right). Used for flex-start and alignment.

Rounded line icon of a vertical bar above a horizontal bar. Used for flex-end layouts and positioning.

Clean solid icon of three bottom-aligned vertical bars, with the right tallest. Used for flex and layout controls.

Align Justify Flex End Fill

Rounded solid icon of three vertical bars, right bar tallest. Used for flex-end alignment and layout controls.

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

Align Justify Flex Start Fill

Rounded solid icon of a tall left bar and two shorter rounded vertical bars. Used for menus and flex layout controls.

Clean solid icon of one tall bar beside two shorter rounded bars. Used for flex-start layout controls.

Rounded line icon of three vertical bars increasing in height. Used for flex alignment and layout controls.

The Flex Direction Fill icon shows two stacked rounded rectangles beside a downward arrow. Drawn in the solid style on a 24px grid for a clear, consistent look in interface layouts. Use it for flex direction controls, column layouts, alignment settings, and responsive design tools. It belongs to Outlined Fill - Streamline Material set in the Streamline Material family.

<p>Material Pro Outlined Fill variant provides filled icon shapes while maintaining the Material Design System's principles with improved consistency and coverage.</p>

Outlined Fill - Streamline Material

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

Flex Direction Fill is a solid-style Icon from Outlined Fill - Streamline Material set.