Weather UI loaders · 7 SVGs · Free sample

tenkiloop7

Weather loaders · 7 designs · Free

Sun, rain, snow, thunder, wind, rainbow and night — 7 animated weather loaders as a free sample.

Each is one self-contained file with embedded CSS animation (no JS). currentColor support and seven-color RGB versions included in svg_rgb/. The rainbow loader has a special 7-color reveal.

Free

Buy on Gumroad → Buy on Payhip →

Features

Just paste it
CSS animation is embedded in the SVG. Animates with <img> (no external JS/CSS)

Recolor freely
currentColor support. Placed inline it follows the parent's color / seven-color RGB versions also included

Font-independent paths
Glyphs are converted to vector paths, so nothing breaks even without the original font

Commercial use OK
Commercial use & modification OK in your work (redistributing the assets themselves / AI training not allowed)

See all 7 in motion click to change color

Color

Sunweather-sun

Rainweather-rain

Snowweather-snow

Thunderweather-thunder

Windweather-wind

Rainbowweather-rainbow

Nightweather-night

How to use

<img src="svg/weather-rainbow.svg" width="48">            <!-- animates as-is -->
<img src="/showcase/assets/tenkiloop7/svg_rgb/weather-rainbow.svg" width="48">        <!-- seven-color RGB version -->

Free

Buy on Gumroad → Buy on Payhip →