Font awesomeのアイコンを使う

CSSFont Awesome


ご存知の方も多いと思いますが、Font awesomeの素敵なアイコンが無料で使えるのでシェア。

 

 

使い方

使い方はとっても簡単。
まずは以下のコードをheadタグ内にペースト。

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

そして以下のリンクから使用したいアイコンを選び、表示したい場所にタグをペーストするだけです。
アイコンによっては有料ライセンスが必要です。

アマゾンのロゴアイコンならこんな感じ。

<i class="fab fa-amazon"></i>

他にも設定はいろいろ

他には大きさを変えたり回転させたりもできます。
詳細は下記ページをご参照ください。

CSSFont Awesome