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

アイコン(Icons)

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

※"v5.0.0"での変更はv5.0.0-alpha版、v5.0.0-beta版での変更も含みます。

※"v5.2.0"での変更はv5.2.0-beta1での変更も含みます。
※"v5.3.0"での変更はv5.3.0-alpha版での変更も含みます。
このページの項目

Bootstrapは、デフォルトで設定されたアイコンを組み込んでいないが、Bootstrapアイコンと呼ばれる独自の総合的なアイコンライブラリを持っている。それらや他のアイコンを自由に使用してプロジェクトに設定できる。Bootstrapアイコンと以下の他の好適なアイコンセットの詳細を付け加えた。

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

Bootstrapアイコン(Bootstrap Icons)v5.0.0-alpha1新設(v4.5.1でバックポート)

Bootstrapのアイコンは、@mdoによって設計され、Bootstrapチームによって維持されているSVGアイコンのライブラリ。当初これらのアイコンはBootstrapの独自のコンポーネント(フォーム、カルーセルなど)を設定するために作られた。Bootstrapでは必要なアイコンは非常に少数で、多くの種類を必要としなかったが、さらに発展させるため種類を増やした。

これらのアイコンセットは、Bootstrapと同じくMITライセンスの下で誰でも利用できる。

Bootstrapアイコンのインストールや使用の推奨方法は、こちらに掲載。

代用(Alternatives)

Bootstrapでは以下のアイコンセットをテストし、使用した。

他のオプション(More options)v5.2.0一部追加

これらは試していないが、SVGを含む複数のフォーマットを提供しており有望だと考えられる。