https://github.com/designjockey/material-design-fonticons

Material Design Fonticons is a font converted version of the Google Material Design Icon set.
https://github.com/designjockey/material-design-fonticons

Last synced: about 1 month ago
JSON representation

Material Design Fonticons is a font converted version of the Google Material Design Icon set.

• Host: GitHub
• URL: https://github.com/designjockey/material-design-fonticons
• Owner: designjockey
• Created: 2014-11-01T23:38:20.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2017-04-18T01:19:59.000Z (over 7 years ago)
• Last Synced: 2024-10-11T08:32:36.894Z (2 months ago)
• Language: CSS
• Size: 1.77 MB
• Stars: 73
• Watchers: 7
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-material - material-design-fonticons

README

        
material-design-fonticons

=========================

Material Design Fonticons is a font converted version of the Google Material Design Icon set.

## Getting Started

### Bower

Install the Fonticons using the [Bower](http://bower.io) package manager.

```sh

$ bower install material-design-fonticons

```

### npm

You can also find all the Fonticons on [npm](http://npmjs.org).

```sh

$ npm install material-design-fonticons

```

## Usage

Take a look at [Fonticons search page] (http://designjockey.github.io/material-design-fonticons/) for all icons and categories included. Search for icons using the search field included.

## Fonts

There are multiple css files included in the `styles` folder. The `mdfi.css` file includes the `mdfi` font with icons from all the categories, while other category specific css files `mdfi_{category}.css` contain category specific icons with font name `mdfi-{category}`.

##Using the Fonticons

For using the icons follow the below instructions. The icon classes are named using the `mdfi_{category}_{original_icon_name}` convention. Refer to [Fonticons search page] (http://designjockey.github.io/material-design-fonticons/) for class names.

Reference the specific stylesheet:

```html

	

```

Use the icon:

```html

	

```

## Licence

All fonts are released under an [SIL OFL 1.1](http://scripts.sil.org/OFL) license.