mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-02 21:04:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

docs: Mention Material Design icons

Browse Source
This commit is contained in:
Federico Zivolo 2017-12-10 17:17:31 +01:00
parent 0cfe80edc5
commit de3cb56a31
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
docs/4.0/extend/icons.md
View File

@ -5,7 +5,19 @@ description: Guidance and suggestions for using external icon libraries with Boo
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.
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.
@ -18,7 +30,6 @@ We've tested and used these icon sets ourselves.
While we haven't tried these out, they do look promising and provide multiple formats—including SVG.
- [Bytesize](https://github.com/danklammer/bytesize-icons)
- [Google Material icons](https://material.io/icons/)
- [Ionicons](http://ionicons.com/)
- [Feather](https://feathericons.com/)
- [Dripicons](http://demo.amitjakhu.com/dripicons/)