Arrow Forward 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/akar-icons-arrow-forward.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-arrow-forward.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-arrow-forward.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-arrow-forward.json
Category:navigation
Tags:forwardarrownextnavigationproceedadvanceprogress

The arrow-forward icon represents forward navigation and proceed-to-next functionality in application interfaces.

Featuring a rightward-pointing arrow, this symbol has become the universal control for advancing to next screens, navigating to child pages, and confirming forward progression actions in digital applications.

Frequently Asked Questions

Common questions about the Arrow Forward icon

Similar Icons

Eye Slashed - interface icon from Akar Icons
eye slashed
Battery Low - status icon from Akar Icons
battery low
Chevron Down Small - navigation icon from Akar Icons
chevron down small
Mastodon Fill - communication icon from Akar Icons
mastodon fill
Cloud Download - actions icon from Akar Icons
cloud download
Codepen Fill - communication icon from Akar Icons
codepen fill
Tablet Device - interface icon from Akar Icons
tablet device
Mobile Device - interface icon from Akar Icons
mobile device
Comment Add - communication icon from Akar Icons
comment add