Zodiac & constellation spinners · 24 SVGs

etoza24

干支12 + 12星座 · 24 animated SVGs

12 Chinese zodiac kanji (Rat…Boar) and 12 Western constellation symbols (Aries…Pisces) as ring-and-glyph spinner loaders.

Glyphs are traced from Noto Serif JP into vector paths — font-independent and crisp at any size. Seven-color RGB versions included in svg_rgb/. Great for New Year, horoscope, astrology and wa-style UI waiting states.

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 24 in motion click to change color

Color

Rateto-01-ne

Oxeto-02-ushi

Tigereto-03-tora

Rabbiteto-04-u

Dragoneto-05-tatsu

Snakeeto-06-mi

Horseeto-07-uma

Sheepeto-08-hitsuji

Monkeyeto-09-saru

Roostereto-10-tori

Dogeto-11-inu

Boareto-12-i

Ariesseiza-01-aries

Taurusseiza-02-taurus

Geminiseiza-03-gemini

Cancerseiza-04-cancer

Leoseiza-05-leo

Virgoseiza-06-virgo

Libraseiza-07-libra

Scorpioseiza-08-scorpio

Sagittariusseiza-09-sagittarius

Capricornseiza-10-capricorn

Aquariusseiza-11-aquarius

Piscesseiza-12-pisces

How to use

<img src="svg/seiza-05-leo.svg" width="48">            <!-- animates as-is -->
<img src="/showcase/assets/etoza24/svg_rgb/seiza-05-leo.svg" width="48">        <!-- seven-color RGB version -->

Buy on Gumroad → Buy on Payhip →