2017-08-11 17:59:31 +03:00
---
layout: docs
title: Icons
description: Guidance and suggestions for using external icon libraries with Bootstrap.
group: extend
---
2017-12-10 19:17:31 +03:00
Bootstrap Material Design is designed to work with the [Google Material icons ](https://material.io/icons/ )
library, despite not including it by default.
In our [Introduction docs ]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/introduction )
all our starter templates include by default this icon set.
The code to include in your `<head>` tag is:
```html
<!-- Material Design for Bootstrap fonts and icons -->
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" >
```
Additionally, 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.
2017-08-11 17:59:31 +03:00
## Preferred
We've tested and used these icon sets ourselves.
- [Iconic ](https://useiconic.com/open/ )
- [Octicons ](https://octicons.github.com/ )
- [Entypo ](http://www.entypo.com/ )
## More options
While we haven't tried these out, they do look promising and provide multiple formats—including SVG.
- [Bytesize ](https://github.com/danklammer/bytesize-icons )
- [Ionicons ](http://ionicons.com/ )
- [Feather ](https://feathericons.com/ )
- [Dripicons ](http://demo.amitjakhu.com/dripicons/ )
- [Ikons ](http://ikons.piotrkwiatkowski.co.uk/ )
- [Glyph ](http://glyph.smarticons.co/ )
