IllustratorとIcoMoonでSVGスプライトのラクラク設定！

2016年2月9日 Illustrator, SVG, 便利ツール 繰り返し使うSVG形式のアイコン等を表示する際に便利なSVGスプライト。しかし、symbol タグで囲んで…一つ一つにIDを付けて… viewBox 属性をコピペして…と、本当にコーディングがめんどくさい！新規プロジェクトを始める度に設定するのが煩わしくなり、いろいろと楽する方法を試した結果、アイコンジェネレーターツールの「IcoMoon App」を使う方法に落ち着いたので、やり方を紹介したいと思います。 ↑私が10年以上利用している会計ソフト！ SVGスプライトとは？ SVGスプライトは、ロゴやアイコンなどの複数のSVG画像をひとつのファイルにまとめて保存し、使いたい時に呼び出す方法です。SVGなので、拡大縮小しても画質が劣化しません。詳細は過去記事「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」に目

[yayocan]

svg icomoon

[kimix]

webサービス「IcoMoon」を使った アイコンフォントの作成方法[css][svg][アイコン]

[jed_lee]

WEBフォントと違って、モノによってはやや重くなる時もあるけどメンテナンスや追加 / 加工のしやすいSVGスプライトのアイコン集を手軽に作成する方法。

[satoyan419]

SVGスプライトを作成する際の参考に。

[cumacuma]

簡単コーディング

[teru-7]

SVGスプライト