Iconify
.design
Show Iconify website navigation
Add to favorites
HeroIcons
by
Refactoring UI Inc
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse HeroIcons
Icon:
arrows-right-left
Default
heroicons:arrows-right-left
- Iconify Icon
HeroiconsArrowsRightLeft
- Component name
icon-[heroicons--arrows-right-left]
- Tailwind CSS
i-heroicons:arrows-right-left
- UnoCSS
i-heroicons-arrows-right-left
- UnoCSS
arrows-right-left
- Name only
heroicons/arrows-right-left
heroicons--arrows-right-left
Size:
Color:
Stroke width:
SVG
SVG
Symbol
JSX
CSS
URL
CSS
UnoCSS
Tailwind CSS
Components
Vue
React
Svelte
Astro
Unplugin Icons
Iconify Icon
Prettify code
Add empty rectangle
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
Copy to Clipboard
Download