fontawesomeが登録制になったので代わりにGoogleのMaterial iconを使う

去年のいつだったか忘れましたが、Font Awesomeがメールアドレス登録制になりました。
もちろん登録すれば今まで通り使えますが、それぞれ個人ごとに独自のスクリプトを読み込む必要があります。
プロジェクト毎に読み込むスクリプトを作成することも可能ですが有料版だけで、無料アカウントだと1個だけしか作れません。
私のいる会社では主に下請けが多く、そういった案件の場合制作実績に含むことができないこともあります。
そのため1つのスクリプトを使いまわしてると「このサイト、あの会社が作ったんだなー」とバレる恐れがあります。
いちいち案件ごとにメールアドレス用意して・・・というのも非常に面倒だし、管理も大変です。ので、同じようなサービスがないか探したところ1つありました。

MATERIAL DESIGN
アイコンはこっち

Googleが提供している無料アイコン群で、導入は簡単です。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

を読み込んで、あとは使いたいアイコンを上のサイトから探して記述するだけです。

疑似要素で使いたい場合は以下をご参考下さい。

Google Material Iconsの使い方と疑似要素で使う方法(IE11対応)

2019.09.24