mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-02-14 18:50:37 +03:00
38 lines
1.4 KiB
Markdown
Executable File
38 lines
1.4 KiB
Markdown
Executable File
---
|
|
layout: docs
|
|
title: Icons
|
|
description: Guidance and suggestions for using external icon libraries with Bootstrap.
|
|
group: extend
|
|
---
|
|
|
|
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.
|
|
|
|
## 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/)
|