180 Ring icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable status vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-180-ring.json
npx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-180-ring.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-180-ring.json
bunx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-180-ring.json
Category:status
Tags:loadingringspinnerhalf-circleminimalprogressrotating

The 180-ring icon represents a minimalist loading animation featuring a half-circle arc that rotates continuously.

This clean design pattern has become a popular choice for subtle loading indicators that maintain visual hierarchy without overwhelming content.

Frequently Asked Questions

Common questions about the 180 Ring icon

Similar Icons

Pulse Rings 2 - status icon from SVG Spinners
pulse rings 2
Pulse Rings 3 - status icon from SVG Spinners
pulse rings 3
Bars Scale Fade - status icon from SVG Spinners
bars scale fade
Pulse Rings Multiple - status icon from SVG Spinners
pulse rings multiple
Gooey Balls 1 - status icon from SVG Spinners
gooey balls 1
Gooey Balls 2 - status icon from SVG Spinners
gooey balls 2
Wifi - status icon from SVG Spinners
wifi
Pulse 2 - status icon from SVG Spinners
pulse 2
Pulse 3 - status icon from SVG Spinners
pulse 3