Arrow Right Circle 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-circle.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-right-circle.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-right-circle.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-right-circle.json
Category:navigation
Tags:arrowrightcircleforwardbuttonnextenclosed

The arrow-right-circle icon represents rightward navigation within a circular button design, combining forward functionality with contained visual styling.

The encircled rightward arrow has become a standard pattern for next buttons, forward navigation, and enclosed proceed controls in modern interfaces.

Frequently Asked Questions

Common questions about the Arrow Right Circle icon

Similar Icons

Rectangle Stack 16 Solid - layout icon from HeroIcons
rectangle stack 16 solid
Pencil - actions icon from HeroIcons
pencil
Moon 20 Solid - interface icon from HeroIcons
moon 20 solid
Arrow Right Solid - navigation icon from HeroIcons
arrow right solid
Bookmark Slash - actions icon from HeroIcons
bookmark slash
Bookmark Solid - actions icon from HeroIcons
bookmark solid
List Bullet 16 Solid - typography icon from HeroIcons
list bullet 16 solid
Chevron Down 20 Solid - interface icon from HeroIcons
chevron down 20 solid
Squares 2x2 Solid - layout icon from HeroIcons
squares 2x2 solid