したアイコンを利用したいシーンがあると思います。Awesomeを紹介します。Awesomeの利用方法は2つありCDNを利用する場合とダウンロードして読み込む場合ですCDNを利用する場合は公式サイトに記載のある最新のCDNを利用します。今回はCDNを利用して解説します。展開すれば、内容を閲覧できます。Awesomeのコード例と解説CDNのリンクはヘッダに設定し、呼び出したいアイコンはで囲みます。アイコンは有料版と無料版があり、無料版のリンクに遷移するとアイコンの一覧があります。アクセスし左下にあるをコピーして利用します。#bd5612;}※:beforeを設定する必要があります。アイコンの大きさを変更するコード例に記載されているfa-2xなどを利用してアイコンの大きさを変更することも可能です。(5em)動きを追加するfa-spinやfa-pulseを利用してアイコンを回転させることも可能です。</div>※fa-spinやfa-pulseは次で紹介するアニメーションCDNを利用する必要はありません。アニメーションを追加する|サンプルコードさらにアニメーション用のCDNを読み込めば動的なアイコン表示も可能です。DOMの部分に記載されています。