Transition Slide Outline icon

material-symbolsfill

The Transition Slide Outline icon is a solid SVG from the Material Symbols set (16,344 icons), drawn by Google and free under the Apache-2.0 license. Customize its color, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for transition, slide, outline.

Tags: transition, slide, outline

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M3 20q-.825 0-1.412-.587T1 18V6q0-.825.588-1.412T3 4h2q.825 0 1.413.588T7 6v12q0 .825-.587 1.413T5 20zm0-1.975h2V5.975H3zM11 20q-.825 0-1.412-.587T9 18V6q0-.825.588-1.412T11 4h10q.825 0 1.413.588T23 6v12q0 .825-.587 1.413T21 20zm0-1.975h10V5.975H11zm-6 0V5.975zm6 0V5.975z"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Transition Slide Outline Sharp Slide Library Outline Slide Library Outline Rounded Slide Library Outline Sharp Transition Chop Outline Transition Chop Outline Rounded Transition Chop Outline Sharp Transition Push Outline Transition Push Outline Rounded Transition Push Outline Sharp Transition Slide Transition Slide Sharp