Skip to main content Skip to docs navigation
View on GitHub

アイコン

外部のアイコンライブラリを使用するためのガイダンスと提案です。

Bootstrap にはデフォルトではアイコンライブラリが含まれていませんが、Bootstrap Icons というライブラリを用意しています。プロジェクトではこのアイコンライブラリを使うことも、他のアイコンを使うことも自由です。以下では Bootstrap Icons についての詳細と、他のおすすめのアイコンを記載しています。

ほとんどのアイコンセットは複数のファイルフォーマットをサポートしていますが、アクセシビリティやベクターサポートの改善のため、私たちは SVG による実装を好みます。

Bootstrap Icons

Bootstrap Icons は @mdo がデザインし、the Bootstrap Team によってメンテナンスされている発展中の SVG アイコンライブラリです。このアイコンセットの始まりは Bootstrap 自身のフォームやカルーセルなどのコンポーネントです。Bootstrap はほとんどアイコンを必要としていませんでしたが、一度作成を始めると、止まることができませんでした。

Bootstrap Icons は Bootstrap のように、MIT ライセンスでオープンソースで公開されており、誰でも利用することができます。

さらに詳しくは Bootstrap Icons をご覧ください。インストール方法や、推奨される利用方法について述べられています。

その他の選択肢

私たちは Bootstrap Icons の推奨する代替アイコンとして、以下のようなアイコンセットをテストしました。

オプション

私たちは実際に試してはいませんが、以下のアイコンは SVG を含む複数のフォーマットを提供しています。