ZETAP SOZAI ／ marumoji54 ／ 日本語
marumoji54
54 Kanji-in-circle spinning UI loaders
Turn crest-style kanji like 丸に愛 (love in a circle) into a spinning loading animation. A set of animated SVGs for 54 kanji.
40 kanji popular with international fans + selected kanji (待 / 松 / 重 / 道) + formal-style numerals 0–9. Real Yu Mincho glyphs are converted to paths and bundled, so no font is required.
Features
Just drop it in
CSS animation is embedded in the SVG. It animates via
CSS animation is embedded in the SVG. It animates via
<img> (no external JS/CSS needed)Recolor freely
currentColor support. Placed inline, it follows the parent's
currentColor support. Placed inline, it follows the parent's
color / a rainbow RGB version is also includedLightweight SVG
Optimized paths in a 100×100 viewport. Retina-ready, no quality loss when scaled up
Optimized paths in a 100×100 viewport. Retina-ready, no quality loss when scaled up
Commercial use OK
Commercial use and modification allowed in your work (redistributing the assets themselves / AI training is not allowed)
Commercial use and modification allowed in your work (redistributing the assets themselves / AI training is not allowed)
Animate all 54 designs click to change color
Gallery
How to use
<img src="svg/ai.svg" width="48"> <!-- animates as-is --> <img src="/showcase/assets/marumoji54/svg_rgb/ai.svg" width="48"> <!-- rainbow RGB version -->