jgibbons / material-design-iconic-font

Material Design Iconic Font and CSS toolkit

Material Design Iconic Font v1.1.1

Material Design Iconic Font and CSS toolkit

Material Design Iconic Font is a full suite of material design icons (created and maintained by Google) for easy scalable vector graphics on websites.

Material Design Icons are the official open-source icons featured in the Google Material Design specification.

Get started at http://zavoloklom.github.io/material-design-iconic-font

Download: v1.1.1 (ZIP)

##Install Bower: bower install material-design-iconic-font

##Getting started ####BASIC: Default CSS Use this method to get the default Material Design Iconic Font CSS.

• Download latest version of Material Design Iconic Font.
• Unpack the entire material-design-iconic-font archive into your project.
• In the of your html, reference the location to your material-design-iconic-font.min.css. <link rel="stylesheet" href="path/to/material-design-iconic-font/css/material-design-iconic-font.min.css">
• Check out the Examples pages to start using Material Design Iconic Font!

####PRO: Custom LESS/SCSS Use this method to customize Material Design Iconic Font using LESS or SCSS.

• Download latest version of Material Design Iconic Font.
• Unpack the entire material-design-iconic-font archive into your project.
• Open your project's path/to/material-design-iconic-font/less/variables.less or path/to/material-design-iconic-font/scss/_variables.scss and edit the @md-font-path variable to point to your font directory.

@md-font-path: "../font";

• You can change prefix md to something else by editing @md-css-prefix in path/to/material-design-iconic-font/less/variables.less or path/to/material-design-iconic-font/scss/_variables.scss

@md-css-prefix: md;

• Re-compile your LESS if using a static compiler.
• Check out the Examples pages to start using Material Design Iconic Font!

Licence

The full details of how Material Design Iconic Font is licensed and 'Thanks to' section: License page.

Changelog

• v1.1.1 - add bower support and Cheatsheet page
• v1.1.0 - add SCSS support (thanks to @davidkpiano)
• v1.0.1 - fix bug with battery, charging-battery and wi-fi icons (device section)
• v1.0.0 - add all available icons from Google

Versioning

Material Design Iconic Font will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format:

<major>.<minor>.<patch>

And constructed with the following guidelines:

• New icons from Google or changes that breaking backward compatibility bumps the major (and resets the minor and patch)
• New additions, including new non-Google icons, without breaking backward compatibility bumps the minor (and resets the patch)
• Bug fixes and misc changes bumps the patch

For more information on SemVer, please visit http://semver.org.

Author

• Email: [email protected]
• Twitter: https://twitter.com/zavoloklom
• GitHub: https://github.com/zavoloklom/
• CodePen: http://codepen.io/zavoloklom/
• Dribble: https://dribbble.com/zavoloklom (waiting for invite)