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

Fluent UI

Lucide

Brand Logos

Bootstrap

Atlas

Unicons

Ionic Icons

Phosphor

MingCute

Font Awesome

Majesticons

Mynaui

Radix

Heroicons

Flagpack

Clean line icon of a rounded rectangle split by a diagonal bar. Used for transitions and video editing.

Transition Chop

Clean line icon of a rounded panel fading into dots. Used for transitions, fades, and animation.

Transition Fade

Clean line icon of a right-pointing arrow beside a rounded panel. Used for transitions, navigation, and slide controls.

Transition Push

Rounded line icon of a right arrow entering a rounded frame. Used for push transitions, slide navigation, and page changes.

Sharp line icon of a solid panel fading into square fragments. Used for transitions, fades, loading, and effects.

Rounded line icon of a vertical rounded rectangle fading into dots. Used for transitions, fade effects, and animation.

Clean solid icon of a vertical rounded rectangle fading into dots. Used for transitions, fade effects, and loading states.

Transition Fade Fill

Clean line icon of two rounded panels, one narrow beside a larger one. Used for slide transitions.

Transition Slide

Minimal line icon of sixteen solid circles in a four-by-four grid. Used for dissolve transitions and loading states.

Transition Dissolve

Clean line icon of a right-pointing arrow entering rounded brackets. Used for transitions, navigation, and slide effects.

Rounded line icon of a rounded rectangle with a diagonal inner edge. Used for transitions, video editing, and slide effects.

Sharp line icon of a rectangular frame with an angled inner cut. Used for transitions, cropping, and editing tools.

Sharp line icon of a right-pointing arrow beside an outlined doorway. Used for transitions, navigation, and push actions.

Sharp line icon of two outlined rectangles, one narrow and one wide. Used for slide transitions and presentation layouts.

Clean line icon of a rounded rectangle with a diagonal inner panel. Used for transitions, screen wipes, and slide effects.

Rounded line icon of two side-by-side rounded panels, one narrow and one wide. Used for slide transitions and layout controls.

Minimal line icon of a rounded bar fading into a dotted pattern. Used for transitions and fade effects.

Minimal line icon of narrow and wide rounded rectangles. Used for slide transitions and layouts.

Sharp line icon of sixteen square tiles in a spaced four-by-four grid. Used for dissolve transitions, effects, and media editing.

Rounded line icon of sixteen solid circles in a four-by-four grid. Used for dissolve transitions and loading states.

Minimal line icon of sixteen solid circles in a 4-by-4 grid. Used for transitions, dissolves, and loading states.

Clean line icon of two rounded rectangles with a curved arrow. Used for slide transitions and presentations.

Slide Transition

Rounded line icon of overlapping slides labeled 1 and 2. Used for slide transitions, presentations, and animation controls.

Clean line icon of two overlapping rounded squares marked 1 and 2. Used for slide transitions and presentation controls.

Sharp line icon of two overlapping panels marked 1 and 2. Used for slide transitions and presentation navigation.

Sharp solid icon of a rounded rectangle with an angular white cutout. Used for transitions, cropping, and video editing.

Transition Chop Fill

Rounded solid icon of a rounded rectangle with a diagonal wedge cutout. Used for video transitions and editing tools.

Rounded solid icon of a tall rounded rectangle beside staggered circular dots. Used for fade transitions and animations.

Rounded solid icon of a right arrow beside a vertical bracket and rounded rectangle. Used for push transitions and navigation.

Transition Push Fill

Clean solid icon of a right arrow beside a bracket and rounded panel. Used for transitions, navigation, and push actions.

Rounded solid icon of two side-by-side rectangles, one narrow and one wide. Used for slide transitions and layout previews.

Transition Slide Fill

Clean solid icon of a narrow rounded panel beside a wide rounded panel. Used for slide transitions and presentation layouts.

Rounded solid icon of sixteen filled dots in a 4×4 grid. Used for dissolve transitions and animation controls.

Transition Dissolve Fill

Clean solid icon of sixteen filled circles in a four-by-four grid. Used for grid layouts, menus, and app navigation.

Sharp solid icon of a right arrow beside bracket and rectangle. Used for page transitions and navigation.

Sharp solid icon of a black square with a white angular diagonal cutout. Used for transitions, chopping, and editing controls.

Sharp solid icon of a vertical bar fading into a grid of squares. Used for fade transitions and visual effects.

Sharp solid icon of two side-by-side rectangles, one narrow and one wide. Used for slide transitions and presentation tools.

Sharp solid icon of sixteen squares arranged in a four-by-four grid. Used for dissolve transitions, animations, and video editing

Slide Transition Fill

Sharp solid icon of two offset panels with white arrows. Used for slide transitions, presentations, and animation controls.

Clean solid icon of two overlapping rounded squares labeled 1 and 2. Used for slide transitions.

Minimal duotone icon of two ringed circles, short bars, and a curved line. Used for easing curves and animation timing.

Ease In Out

Rounded neon icon of a rising curve, dashed baseline, and circle. Used for easing and animation timing.

Ease In

Clean neon icon of a blue circle and dash beside a rising purple curve. Used for animation easing and motion timing.

Ease Out

Clean duotone icon of a ring, two rounded bars, and a rising curved stroke. Used for easing curves and animation timing.

Clean neon icon of an ease-in-out curve with round endpoints and slider marks. Used for animation timing and motion controls.

Rounded duotone icon of an upward line above a timeline with a knob. Used for easing controls and timing.

Rounded neon icon of an ease-in-out curve with two circles and dashed guides. Used for animation timing and motion controls.

Rounded neon icon of an easing curve with a blue circle and dash marks. Used for animation timing and transitions.

The Transition Push icon shows a right-pointing arrow beside a vertical divider and rounded rectangular panel. Drawn in the line style on a 24px grid for clear, consistent scaling. Use it for page transitions, navigation controls, slide interfaces, and content panels. It belongs to Outlined Line - Streamline Material set in the Streamline Material family.

<p>Improved Material Line Icons redrawn using Material Design Guidelines with better coverage and consistency. Fixed where originals fell short.</p>

Outlined Line - Streamline Material

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

Transition Push is a line-style Icon from Outlined Line - Streamline Material set.