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

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-path.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-path.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-path.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-path.json
Category:actions
Tags:refreshreloadsyncupdaterotatecirculararrows

The arrow-path icon represents refresh and reload actions in modern digital interfaces.

Featuring circular arrows forming a continuous path, this symbol has become the universal indicator for page reloads, content updates, data synchronization, and cycling through states across applications.

Frequently Asked Questions

Common questions about the Arrow Path icon

Similar Icons

Plus Small 20 Solid - actions icon from HeroIcons
plus small 20 solid
Sun 20 Solid - interface icon from HeroIcons
sun 20 solid
At Symbol Solid - communication icon from HeroIcons
at symbol solid
Cursor Arrow Rays - interface icon from HeroIcons
cursor arrow rays
Eye Dropper 20 Solid - interface icon from HeroIcons
eye dropper 20 solid
Arrow Right Circle 20 Solid - navigation icon from HeroIcons
arrow right circle 20 solid
Folder Arrow Down - actions icon from HeroIcons
folder arrow down
H3 Solid - typography icon from HeroIcons
h3 solid
Arrow Up On Square Stack 20 Solid - actions icon from HeroIcons
arrow up on square stack 20 solid