Eclipse 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-eclipse.json
npx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-eclipse.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-eclipse.json
bunx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-eclipse.json
Category:status
Tags:loadingeclipseorbitalcircularscientificcyclicalastronomical

The eclipse icon features an orbital animation where elements rotate around a center point creating an eclipse-like pattern.

This astronomical-inspired design provides distinctive loading feedback through circular orbital motion that suggests continuous cyclical operations.

Frequently Asked Questions

Common questions about the Eclipse icon

Similar Icons

Bars Scale Fade - status icon from SVG Spinners
bars scale fade
180 Ring With Bg - status icon from SVG Spinners
180 ring with bg
Dot Revolve - status icon from SVG Spinners
dot revolve
Pulse Rings 2 - status icon from SVG Spinners
pulse rings 2
Pulse Rings 3 - status icon from SVG Spinners
pulse rings 3
Pulse Multiple - status icon from SVG Spinners
pulse multiple
Gooey Balls 1 - status icon from SVG Spinners
gooey balls 1
Gooey Balls 2 - status icon from SVG Spinners
gooey balls 2
Bars Rotate Fade - status icon from SVG Spinners
bars rotate fade