Material Design Icons
mervick.github.io/material-design-icons
Material design icons are the official icon set from Google that are designed under the material design guidelines.
In the official package the icons uses a typographic feature called ligatures, which allows rendering of an icon glyph simply by using its textual name.
In this repository also implemented the ability to use the icons in the bootstrap-style,
like in glyphicon
, font-awesome
or ionicons
.
Installation
You may install this package using Component, Composer, Bower or npm:
- Component:
component install mervick/material-design-icons
- Composer:
composer require mervick/material-design-icons
- Bower:
bower install bootstrap-material-design-icons
- npm:
npm install bootstrap-material-design-icons
Usage
Add to your html page in the head
area
Where are two ways to use:
- Ligature, this one is awesome but have some troubles
accessibility3d_rotationairline_seat_legroom_reduced
- Bootstrap-style,
Using bootstrap-style, you can also use additional features such as in Font Awesome:
<!-- Inverse --> <!-- Animated --> <!-- Fixed width --> <!-- Bordered --> <!-- Pulled --> <!-- Sizes --> <!-- Rotations --> <!-- Flips --> <!-- In lists --> Lorem ipsum dolor ...
License
- Google Material Design Icons fonts is licensed under the CC-BY-4.0:
- Bootstrap Material Icons CSS and Sass files are licensed under the MIT License: