Skip to main content Skip to docs navigation
Bootstrapの新しいバージョンがあります。

Icons

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

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

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

Bootstrap Icons

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

それと、完全なオープンソースであることをお伝えしましたか?MIT ライセンスのもと、Bootstrap と同様、私たちのアイコンセットは誰でも利用できます。

Bootstrap Icons についての詳細では、インストール方法や推奨される使用方法などが紹介されています。

Alternatives

これらのアイコンセットは、Bootstrap Icons に代わるものとして、私たち自身がテストして使用しています。

More options

実際に試したわけではありませんが、SVG を含む複数のフォーマットを提供しており、期待できそうです。