3 Dots Bounce 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-3-dots-bounce.json
npx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-3-dots-bounce.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-3-dots-bounce.json
bunx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-3-dots-bounce.json
Category:status
Tags:loadingdotsbouncetypingmessaginganimatedchat

The three-dots-bounce icon represents a playful loading animation featuring dots that bounce vertically in sequence.

This familiar pattern has become strongly associated with messaging applications and typing indicators in modern communication interfaces.

Frequently Asked Questions

Common questions about the 3 Dots Bounce icon

Similar Icons

3 Dots Fade - status icon from SVG Spinners
3 dots fade
3 Dots Move - status icon from SVG Spinners
3 dots move
Wifi Fade - status icon from SVG Spinners
wifi fade
6 Dots Scale Middle - status icon from SVG Spinners
6 dots scale middle
Wind Toy - status icon from SVG Spinners
wind toy
180 Ring - status icon from SVG Spinners
180 ring
Eclipse Half - status icon from SVG Spinners
eclipse half
Pulse Rings 2 - status icon from SVG Spinners
pulse rings 2
Pulse Rings 3 - status icon from SVG Spinners
pulse rings 3