SVG LoadersはCSSやJavaScriptを必要とせずSVGだけを使ったローディングアイコン集です。どれも可愛らしいデザインが特徴的で、コンパクトなアニメーションが非常にいい感じです。種類もいろいろあるので今後のためにも覚えておきたいところです。
[ads_center]
SVG Loadersの使い方
SVG Loadersを使う場合は、以下のようにimgタグを使って表示させます。
<img src="svg-loaders/puff.svg" />
使い方がとっても簡単なところがいいですね。アイコンカラーを変更したい時はfillの値を好きな色に設定すればOKです。
<svg fill="#fff" ・・・中略・・・>
CSSやJSがいらないのでシンプルにローディングアニメーションを記述することができますね。
自分のサイトデザインに合ったカラーを指定することができるので、かなり使い勝手がよさそうです。
ローディングアニメーションをどのように表示させるか迷っている方は、この機会にSVG Loadersを使われてみてはいかがでしょうか？
