CSS

【CSS】400以上のアイコンを持つ高品質のアイコンセットBoxIcons

July 21, 2018
boxicon

BoxIconsはオープンソースで400以上のアイコンを持つ高品質のアイコンセットです。

Usage

headにスタイルシートをインクルード。

<head>
  <link rel="stylesheet" href="boxicons.min.css">
</head>

リモートバージョンを使用することもできます

<head>
  <link rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/boxicons@1.1.0/css/boxicons.min.css">
  <!-- or -->
  <link rel="stylesheet"
  href="https://unpkg.com/boxicons@1.1.0/css/boxicons.min.css">
</head>

ページ上でアイコンを使用するには、bxクラスを追加し、アイコン名に接頭辞bx-を付けた別のクラスを追加します。

<i class="bx bx-hot"></i>