メインコンテンツにスキップ ドキュメント ナビゲーションにスキップ
Check
in English

アイコン

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

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

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

ブートストラップ アイコン

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

ああ、完全にオープンソースだと言いましたか? Bootstrap と同様に、MIT の下でライセンスされているアイコン セットは、誰でも利用できます。

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

代替案

これらのアイコン セットは、Bootstrap Icons の推奨代替手段としてテストし、使用しています。

より多くのオプション

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