Bootstrap/site/content/docs/4.3/extend/icons.md

---
layout: docs
title: Icons
description: Guidance and suggestions for using external icon libraries with Bootstrap.
group: extend
---

Bootstrap doesn't include an icon library by default, but we have a handful of recommendations for you to choose from. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support.

## Preferred

We've tested and used these icon sets ourselves.

{{< markdown >}}
{{< icons.inline >}}
{{- $type := .Get "type" | default "preferred" -}}

{{- range (index .Site.Data.icons $type) }}
- [{{ .name }}]({{ .website }})
{{- end }}
{{< /icons.inline >}}
{{< /markdown >}}

## More options

While we haven't tried these out, they do look promising and provide multiple formats—including SVG.

{{< markdown >}}
{{< icons.inline type="more" />}}
{{< /markdown >}}
stub out extend section a bit 2014-12-06 00:18:44 -08:00			`---`
Massive cleanup - Simpler main nav on all pages - Back to purple masthead on homepage instead of dark graphite - Active link styles on the main nav - Cleaned up sidebar nav - New docs layout name - Homepage copy edits - Updated bright purple docs color 2015-08-14 22:45:55 -07:00			`layout: docs`
stub out icons page in docs 2017-02-04 21:14:41 -08:00			`title: Icons`
new toc in utils and about and extend 2017-05-28 11:25:59 -07:00			`description: Guidance and suggestions for using external icon libraries with Bootstrap.`
stub out icons page in docs 2017-02-04 21:14:41 -08:00			`group: extend`
stub out extend section a bit 2014-12-06 00:18:44 -08:00			`---`

stub out icons page in docs 2017-02-04 21:14:41 -08:00			`Bootstrap doesn't include an icon library by default, but we have a handful of recommendations for you to choose from. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support.`

			`## Preferred`
Minor Markdown consistency changes. 2017-09-26 14:50:35 +03:00
stub out icons page in docs 2017-02-04 21:14:41 -08:00			`We've tested and used these icon sets ourselves.`

Move Icons in data. (#29087) 2019-07-23 09:41:14 +03:00			`{{< markdown >}}`
			`{{< icons.inline >}}`
			`{{- $type := .Get "type" \| default "preferred" -}}`

			`{{- range (index .Site.Data.icons $type) }}`
			`- [{{ .name }}]({{ .website }})`
			`{{- end }}`
			`{{< /icons.inline >}}`
			`{{< /markdown >}}`
stub out icons page in docs 2017-02-04 21:14:41 -08:00
			`## More options`
Minor Markdown consistency changes. 2017-09-26 14:50:35 +03:00
stub out icons page in docs 2017-02-04 21:14:41 -08:00			`While we haven't tried these out, they do look promising and provide multiple formats—including SVG.`

Move Icons in data. (#29087) 2019-07-23 09:41:14 +03:00			`{{< markdown >}}`
			`{{< icons.inline type="more" />}}`
			`{{< /markdown >}}`