アイコンのSVG素材をダウンロード
Freeのアイコン素材サイトを使う
-
白黒のFlat風アイコンならここ
- Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of free icons http://www.flaticon.com/
-
カラーアイコンならここ
- 23,600 Free Icons - The Largest Icon Pack Ever | Icons8 https://icons8.com/
SVGの色は黒を選択する
icomoonにインポート
IcoMoon App - Icon Font, SVG, PDF & PNG Generator
https://icomoon.io/app/#/select上記でダウンロードしたsvgをアップロードする
既存のicomoonのアイコンに追加する場合は、
icomoon.svg
をインポートしてから追加したいアイコンを新たに選択するgenerate fonts
でフォントデータとstyle.css
をダウンロードフォントデータと
style.css
を読み込むことでアイコンとして使うことが出来る様になる色やサイズはCSSで調整する
簡単にフォントを追加できるので今後はよく使っていきたい。