Skip to main content Skip to docs navigation

アイコン Icons

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

Bootstrap にはデフォルトでアイコンセットが含まれていませんが、Bootstrap Icons という包括的なアイコンライブラリがあります。プロジェクトでこれらや他のアイコンセットを自由に使用してください。以下に Bootstrap Icons およびその他の推奨アイコンセットの詳細を記載しています。

ほとんどのアイコンセットには複数のファイル形式が含まれていますが、アクセシビリティの向上とベクターサポートのため、SVG 実装を好みます。

Bootstrap Icons

Bootstrap Icons は、@mdo によって設計され、Bootstrap Team によって保守されている成長中の SVG アイコンライブラリです。このアイコンセットの始まりは、Bootstrap 独自のコンポーネント(フォーム、カルーセルなど)から来ています。Bootstrap はすぐに使えるアイコンの必要性がほとんどないため、多くは必要ありませんでした。しかし、一度始めると、作るのをやめられませんでした。

ああ、そして彼らが完全にオープンソースであることを言及しましたか?Bootstrap と同じように MIT ライセンスの下でライセンスされており、私たちのアイコンセットは誰でも利用できます。

インストール方法と推奨される使用方法を含む、Bootstrap Icons の詳細をご覧ください。

代替案

Bootstrap Icons の代替として、これらのアイコンセットを自分たちでテストして使用しています。

その他のオプション

自分たちで試したことはありませんが、有望に見え、SVG を含む複数の形式を提供しています。