独学者Fossa

独学していることなど

Bootstrap Icons v1.4.0

github.com

たぶん、お天気アイコンがいくつか、追加されたように思います。*1

ドキュメントを読むと、使い方は、色々あるみたいです。

私が使っている方法は、良い方法なのかどうかわかりませんが、メモとして残しておきます。

インストール

npm i bootstrap-icons

設置

  1. node_modules/bootstrap-icons/fontを、public/bootstrap-iconsフォルダにコピーする。
  2. HTMLで、bootstrap-icons.cssを読み込みます。
 <link rel="stylesheet" href="/bootstrap-icons/bootstrap-icons.css') }}">

Icon fontとして使う

<i class="bi-alarm"></i>

こんな感じです

Bootstrap Icons

*1:Add 64 new weather icons