Bars Fade 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-bars-fade.json
npx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-bars-fade.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-bars-fade.json
bunx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-bars-fade.json
Category:status
Tags:loadingbarsfadeaudioverticalequalizermedia

The bars-fade icon represents a loading animation featuring vertical bars that fade in and out sequentially, reminiscent of audio equalizer displays.

This distinctive pattern creates visual interest while effectively communicating ongoing processing through rhythmic opacity changes.

Frequently Asked Questions

Common questions about the Bars Fade icon

Similar Icons

Bars Rotate Fade - status icon from SVG Spinners
bars rotate fade
Pulse Rings Multiple - status icon from SVG Spinners
pulse rings multiple
6 Dots Scale - status icon from SVG Spinners
6 dots scale
Bars Scale Middle - status icon from SVG Spinners
bars scale middle
Pulse Rings 2 - status icon from SVG Spinners
pulse rings 2
Pulse Rings 3 - status icon from SVG Spinners
pulse rings 3
Gooey Balls 1 - status icon from SVG Spinners
gooey balls 1
Gooey Balls 2 - status icon from SVG Spinners
gooey balls 2
Ring Resize - status icon from SVG Spinners
ring resize