From c739074e9da9be36542a9a0c3c6fc70df117fe03 Mon Sep 17 00:00:00 2001 From: Addy Osmani Date: Thu, 16 Oct 2014 16:58:53 +0100 Subject: [PATCH] Add structure > icons --- README.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/README.md b/README.md index dc1ba1e..effdcc2 100644 --- a/README.md +++ b/README.md @@ -39,6 +39,16 @@ $ npm install material-design-icons ### Icons +In general, an icon category (e.g `action`) will include the following directories, containing multiple resolutions of our icons. + +* 1x, 2x Web +* 1x, 2x, 3x iOS +* drawable hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi +* svg + +Decide on the icon resolution required for your project and copy, then reference the icons you wish to use. + + ### Spritesheets 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 the `svg-sprite` and `css-sprite` sub-directories. @@ -71,6 +81,8 @@ That's it! Don't forget to publish the corresponding CSS and SVG/PNG files when deploying your project. + + ## Usage Take a look at the included `index.html` file for a preview of all icons included in the set. You are free to use the icons in the way that makes most sense to your project. -- 1.7.9.5