Arrows Right Left icon

heroicons-outlinestroke

The Arrows Right Left icon is a clean, adjustable-stroke SVG from the Heroicons (Outline) set (324 icons), drawn by Tailwind Labs and free under the MIT license. Customize its color, stroke width, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for arrows, right, left.

Tags: arrows, right, left

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"/></svg>

Customize

Color

Stroke width · 1.5

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Heroicons (Outline) icons

Chat Bubble Left Right Arrow Down Left Arrow Down Right Arrow Left Arrow Left Circle Arrow Left End On Rectangle Arrow Left On Rectangle Arrow Left Start On Rectangle Arrow Long Left Arrow Long Right Arrow Right Arrow Right Circle

Arrows Right Left in other icon sets

Arrows Right Left Arrows Right Left