Context pack Flow Updated May 26, 2026
Loading States Icons
Spinners, skeleton placeholders, progress indicators, and animated loaders for in-flight UI. Line-md icons ship with built-in CSS animations so they animate without JS.
47 icons
5 libraries
All open-source
loader page
loader-2 page
loader-circle page
loader-pinwheel page
loading page
loading-loop page
loading-twotone-loop page
loading-alt-loop page
hourglass page
refresh-cw page
refresh-ccw page
rotate-cw page
rotate-ccw page
cog page
settings page
clock page
timer page
alarm-clock page
download-cloud page
upload-cloud page
cloud-upload page
cloud-download page
cloud page
cloud-cog page
wifi page
signal page
battery-charging page
activity page
heart-pulse page
zap page
lightbulb page
ellipsis page
more-horizontal page
arrow-up-circle page
arrow-down-circle page
play page
pause page
cpu page
server page
database page
file-clock page
file-input page
file-output page
file-down page
file-up page
waves page
radio page
No icons match those filters.
47 icons shown · 0 in kit
About this pack
Loading States is the in-flight UI vocabulary: spinners, indeterminate progress, file uploads, lazy-loading skeletons, refresh affordances. Many of these come from the Line MD library which ships SVGs with built-in CSS animations that play automatically — drop them into a page and they animate without requiring a JS runtime.
Pack at a glance
CategoryContext pack
TagFlow
Total icons47
Libraries5
Last updatedMay 26, 2026
Best for
Loaders
Progress indicators
Async UI
File uploads
Skeleton placeholders
Style composition
45 outline2 filled
Outline icons follow the stroke-width control; filled icons paint with a single fill. All scale cleanly on their native grid.
Libraries in this pack
Every glyph is drawn from a real open-source set — here's exactly how the 47 icons break down, with each license.
Licensing
Free for commercial use. This pack mixes 3 licenses across its 5 sources:
ISCLucide
MITFeather, Line MD, Tabler
Apache 2.0Material Design
Icons via DownloadIcons (downloadicons.com). Lucide (ISC), Feather (MIT), Line MD (MIT), Tabler (MIT), Material Design (Apache 2.0).
All 47 icons in the Loading States pack
Full index — every icon links to its own page with downloads in all formats.
Lucide · 35
Feather · 7
Line MD · 3
Tabler · 1
Material Design · 1
Common questions
How many icons are in the Loading States pack?
47 icons, drawn from 5 open-source libraries: Lucide (35), Feather (7), Line MD (3), Tabler (1), Material Design (1).
Can I use these icons in commercial projects?
Yes. Every library in this pack is open source — Lucide under ISC; Feather and Line MD and Tabler under MIT; Material Design under Apache 2.0. Keep each library’s license text when redistributing source.
What formats can I export?
Individual SVG files (zipped), a single React .tsx component file, a Vue 3 .ts component file, or a ZIP of Svelte 5 components with an index.ts barrel — all generated in your browser from the same icon data, so the preview always matches the download.
Do outline and filled icons behave differently?
This pack contains 45 outline and 2 filled icons. Outline icons follow the stroke-width control and paint with stroke: currentColor; filled icons paint with fill: currentColor. Both inherit text color in your UI.
How is the kit saved?
Your kit (selection, order, and name) is stored in your browser’s localStorage, scoped to this pack only — nothing is uploaded, and it survives page reloads on this device.
Designers who used this pack also liked:
Export kit
Icons
0
Libraries
0
Format
SVG
Est. size
0 KB
Copied