Print this page to PDF for the complete set of vectors. Or to use on the desktop, install Material-Design-Iconic-Font.ttf, set it as the font in your application, and copy and paste the icons (not the unicode, if your switch to show it) directly from this page into your designs. To show icons unicode choose 'Show icons codes' in sidebar. Material Design icons come with SVG and CSS sprites for each category of icon we include. These can be found in the sprites directory, under svg-sprite and css-sprite. Using CSS Sprites. To use a CSS spritesheet, reference the stylesheet for the icon category you wish to use, then include the icon definition in your markup.
Is there an easy way to import all the icons of the Material Design icons repository into an android project with out the hazard of doing it manually?
Boken5 Answers
Take a look at Vector Asset Studio
Follow these steps to start Vector Asset Studio:
- In Android Studio, open an Android app project.
- In the Project window, select the Android view.
- Right-click the res folder and select New > Vector Asset.
After you open Vector Asset Studio, you can add a material icon as follows:
- Select 'Material Icon'
- Click Choose
- Select a material icon
You can use this new plugin for android studioAndroid Material Design Icon Generator Pluginto help you work with these material icons provided by Google :Google material-design-icons
Here is a script that clones the github repository of the material design iconsat
and creates an index of all files. It also copies the svg files to subdirectories by category. You can use this as a basis to copy the files your are interested in into your project - just modify the find and cp copy statement to your liking. If you e.g. need the png's at a certain size - they are in neighbouring directories and you need to modify the find and copy command accordingly then.
Wolfgang FahlWolfgang FahlOn folder drawable >right click >new >vector asset, then click the icon:
I found this link helpful for me.
gradle implementation is available
After adding gradle dependency, you can create menu item this way.
Download Material Design Icons Code
Not the answer you're looking for? Browse other questions tagged iconsmaterial-design or ask your own question.
Material design icons is the official icon set from Google. The icons are designed under the material design guidelines.
3.0.1 Update
- Changed license in package.json.
- Added missing device symbol sprites.
3.0.0 Update
Google Material Design Icons
License change to Apache 2.0!
Getting Started
Read the developer guide on how to use the material design icons in your project.
Using a font collection
The iconfont folder contains pre-generated font files that can be included in a project. This is especially convenient for the web; however, it is generally better to link to the web font hosted on Google Fonts:
Android Icons Material Design
Read more in the font portion of our full developer guide.
Download Material Design Icons Codes
Using symbols and sprites
The css-sprite and svg-sprite folders contain pre-generated sprite sheets, as well as svg symbols that can be <use>d more directly and with fewer constraints. Instructions for using them are in the sprites documentation.
Material Design Icon Download
Polymer icons
If you wish to use the icon set with Polymer, we recommend consuming them via the <iron-icons> element (<core-icons> in v0.5).
License
We have made these icons available for you to incorporate into your products under the Apache License Version 2.0. Feel free to remix and re-share these icons and documentation in your products.We'd love attribution in your app's about screen, but it's not required. The only thing we ask is that you not re-sell these icons.