IcoMoonでSVGスプライトを簡単に設定できるようでしたのでやってみました。 目次 ABOUT SVGスプライトとは SVGスプライトを使うメリット なぜIcoMoonで作ったか HOW TO (1) Illustratorでアイコンを作成する (2) IcoMoonでSVGスプライトに必要なファイルを生成する (3) SVGスプライトの設定の仕方 HTMLでの設定方法 WordPressでの設定方法 OTHER 色やサイズをCSSで指定する その他使えるプロパティ ABOUT SVGスプライトとは サイト全体で使用する複数のSVG要素を一つのデータにまとめて、使いたい時に呼び出すというものです。 仕組みは<svg>タグを<defs>タグで囲み外部ファイルにまとめて、<use>タグで呼び出します。 SVGスプライトを使うメリット SVGなので滲まずキレイに表示され、色の変更やサイズ変更