アイコンを画像で表示なんて時代はもう古い。これからはWEBアイコンフォント「Font Awesome」

昔はアイコン画像をいちいち作ってそれを表示させていました。

ただそれだと修正も管理も面倒。そこでメジャーなアイコンはWEBアイコンフォントという便利なものがあるのでそれを使えばもう解決！

よく使われてるのがこれ。

導入方法はとても簡単。まずはページに下記の一行を入れてください。

<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">

1	<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">

<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

1	<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

とっても簡単。下記ページから表示させたいアイコンを探してタグをコピペ、表示させたい場所に張り付けるだけ！

大きさとかも色々変えられるので下記も参照してね。