SVGで作成されたローディングアイコンセット「SVG Loaders」
ローディングアニメーションを使いたい時に重宝しそうなSVGアイコンセット。スムーズなアニメーションで動くフラットなデザインが12種類あり、サイズやカラーの変更も簡単にできるので様々なケースで活用できそうです。
SVG Loaders
Githubに公開されてますのでSVG Loadersをダウンロードしてください。
使い方は簡単でimgタグにsvgファイルを指定するだけでOK。
html
<img src="svg-loaders/puff.svg" />
アイコンカラーを変更したい場合は、変更したいsvgファイルのfill属性を変更します。
svg
<svg fill="#fff" width="140" height="64" viewBox="0 0 140 64" xmlns="http://www.w3.org/2000/svg">
＼ Webデザインに関するお役立ち情報を定期的に配信中 ／
- 商用利用可能なアイコンセットを集めたサイト「IconStore」
- フラットなアバターが作成できるジェネレーター「Avataaars Generator」
- アプリアイコンをデザインするときに参考にしたいサイトまとめ
- Font Awesomeをラインアイコンにしたアイコンセット「Line Awesome」
- フリーダイヤル・フリーコールのロゴ
- WordPress対応のおすすめレンタルサーバー比較 ( 初心者向け )
- 無料で使えるフリーイラスト素材サイト（商用利用可）
- 無料で使用できるフリー画像・写真素材サイト（国内/海外）
- Webデザインの参考サイト | Web Design Clip - Webデザインクリップ -
- LP・ランディングページの参考サイト | Web Design Clip [L]
