メインコンテンツへスキップ ドキュメントナビゲーションへスキップ

アイコン

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

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

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

Bootstrap Icons

Bootstrap Iconsは、@mdoによって設計され、Bootstrapチームによって管理されている、拡大し続けるSVGアイコンのライブラリです。このアイコンセットの始まりは、Bootstrap自身のコンポーネント(フォーム、カルーセルなど)に由来しています。Bootstrapは、すぐに使えるアイコンのニーズが非常に少ないため、あまり必要ありませんでした。しかし、一度始めると、もっと作り続けることを止められませんでした。

それらは完全にオープンソースであることも付け加えておきましょうか? Bootstrapと同様にMITライセンスでライセンスされており、アイコンセットは誰でも利用できます。

Bootstrap Iconsの詳細(インストール方法や推奨される使用法など)をご覧ください。

代替案

Bootstrap Iconsの推奨代替案として、これらのアイコンセットをテストして使用してきました。

その他のオプション

これらは試したことはありませんが、有望で、SVGを含む複数の形式を提供しているようです。