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

This icon indicates upward navigation within a circular button design, combining directional guidance with contained visual styling.

The encircled upward arrow has become a standard pattern for scroll-to-top functionality and upload actions in modern interfaces, providing clear visual boundaries for action recognition.

Frequently Asked Questions

Common questions about the Arrow Up Circle icon

Similar Icons

Receipt Percent 20 Solid - data icon from HeroIcons
receipt percent 20 solid
Arrow Turn Down Left - communication icon from HeroIcons
arrow turn down left
User Group 20 Solid - interface icon from HeroIcons
user group 20 solid
Archive Box X Mark Solid - actions icon from HeroIcons
archive box x mark solid
Battery 0 20 Solid - status icon from HeroIcons
battery 0 20 solid
H1 16 Solid - typography icon from HeroIcons
h1 16 solid
Check Badge 16 Solid - status icon from HeroIcons
check badge 16 solid
Arrow Uturn Up 20 Solid - navigation icon from HeroIcons
arrow uturn up 20 solid
Arrow Path Solid - actions icon from HeroIcons
arrow path solid