Arrow Right icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable navigation vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-right.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-right.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-right.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-right.json
Category:navigation
Tags:arrowrightforwardnextnavigateproceedadvance

The arrow-right icon represents rightward navigation and forward movement in modern digital interfaces.

Featuring a simple rightward-pointing arrow, this symbol has become the universal indicator for next actions, proceeding forward, advancing through content, and moving rightward through hierarchies in applications.

Frequently Asked Questions

Common questions about the Arrow Right icon

Similar Icons

Shopping Cart 20 Solid - interface icon from HeroIcons
shopping cart 20 solid
Eye Dropper 16 Solid - interface icon from HeroIcons
eye dropper 16 solid
Arrow Long Left 16 Solid - navigation icon from HeroIcons
arrow long left 16 solid
Currency Euro 20 Solid - interface icon from HeroIcons
currency euro 20 solid
Pencil Square - actions icon from HeroIcons
pencil square
Cube 16 Solid - interface icon from HeroIcons
cube 16 solid
Currency Rupee Solid - interface icon from HeroIcons
currency rupee solid
Scale 16 Solid - interface icon from HeroIcons
scale 16 solid
Minus Circle 20 Solid - actions icon from HeroIcons
minus circle 20 solid