270 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-270-ring.json
npx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-270-ring.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-270-ring.json
bunx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-270-ring.json
Category:status
Tags:loadingring270-degreesthree-quarterprogressspinnercompletion

The 270-ring icon represents a three-quarter circle loading animation that provides substantial visual presence while maintaining an incomplete ring design.

This loading pattern effectively balances visibility with the suggestion of ongoing completion.

Frequently Asked Questions

Common questions about the 270 Ring icon

Similar Icons

Bars Scale Middle - status icon from SVG Spinners
bars scale middle
180 Ring - status icon from SVG Spinners
180 ring
3 Dots Scale Middle - status icon from SVG Spinners
3 dots scale middle
Eclipse - status icon from SVG Spinners
eclipse
Wifi Fade - status icon from SVG Spinners
wifi fade
3 Dots Fade - status icon from SVG Spinners
3 dots fade
3 Dots Move - status icon from SVG Spinners
3 dots move
Pulse Rings 2 - status icon from SVG Spinners
pulse rings 2
Pulse Rings 3 - status icon from SVG Spinners
pulse rings 3