BootStrap4でアイコンを使う

Bootstrap4でアイコンを使おうと思って調べてみると、Bootstrap3にはGlyphiconsというアイコンのセットが付属していたが、Bootstrap4からはFont Awesomeを使うようになっていた。

www.w3schools.com

使い方はlinkタグでFont AwesomeをCDNからロードして、HTMLのiやspanといったインライン要素を使ってclass属性に表示したいアイコンのクラス名を指定すればよい。

内に追加：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">

アイコンを表示させたいところで、

<i class="fas fa-cloud"></i>
とか
<span class="fas fa-file"></span>