Skip to content

Open Source Icon

Libraries Categories Collections Tools Extensions

Loading icon…

Open Source Icon

A fast, open home for icons. Search 314,000+ SVGs from 230+ open-source libraries, then copy them as SVG, JSX, Vue, Svelte or PNG — recolored and resized right in the browser.

Browse

All libraries
Categories
Collections
Global search
Free tools

Popular libraries

Lucide
Tabler
Phosphor
Material Symbols
Heroicons
Simple Icons

Popular types

Arrow icons
Home icons
User icons
Settings icons
Search icons
Heart icons

Apps & plugins

All extensions
VS Code extension
Figma plugin
MCP server

© 2026 Open Source Icon

Every icon keeps its original open-source license (MIT, Apache 2.0, CC BY 4.0 and more). Check each library before shipping.

Home Libraries HeroIconsarrows-right-left

arrows-right-left

MonotoneMIT

96px

16px

24px

32px

48px

64px

heroicons:arrows-right-left

Customize

Size

px

Color

currentColor

Stroke width

1.5

Transform

Preview background

Download & copy

PNG at 96px — set under Size

pnpm dlx shadcn@latest add https://opensourceicon.com/r/heroicons/arrows-right-left.json

SVG

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

Shortcuts: C copy SVG · D download · R rotate · H/V flip · ← → previous/next icon · 0 reset

HeroIcons · by Refactoring UI Inc · 1,288 icons · MIT

Browse all HeroIcons

arrows-pointing-out-solid arrows-right-left-16-solid

Related icons

Similar icons from HeroIcons

arrows-pointing-in arrows-pointing-in-16-solid arrows-pointing-in-20-solid arrows-pointing-in-solid arrows-pointing-out arrows-pointing-out-16-solid arrows-pointing-out-20-solid arrows-pointing-out-solid arrows-right-left-16-solid arrows-right-left-20-solid arrows-right-left-solid arrows-up-down arrows-up-down-16-solid arrows-up-down-20-solid arrows-up-down-solid arrow-down-right arrow-down-right-16-solid arrow-down-right-20-solid