Git Product home page Git Product logo

material-icons-cheatsheet's Introduction

Material Icons Cheatsheet

Making Copy-Paste Easy

I created this cheatsheet so that I can easily copy paste the icons in drawing programs such as Sketch, Photoshop, Illustrator... etc.

Also, in the original Material Icon Search, I could only search by icon name. So if I didn't know the magnifier icon was named as "search", and I typed in "magnifier", it wouldn't return anything.

To improve the filtering, I tagged the icons with keywords, so that you don't have to remember the exact name to find the icon you want.

alt text

The icon-to-code mapping is pulled directly from Google's Material Icon repo, so it should always be up to date whenever the original repo is updated.

The keywords were added by myself. You can help this project by adding descriptive keywords to the icons. The icon name needs to match exactly to the original name. Then you add keywords after a blank space, separating multiple keywords by comma, without any space in between. For example:

ac_unit snow,winter,cold
access_alarm clock,time
access_alarms clock,time
access_time clock
accessibility persona
accessible disability
account_balance bank,federal,institution

To use the icon font in a drawing tool like Photoshop, you need to install the font in your Font Book first. Once you pasted the icon, you can treat it as other text content, just set the font to be "Material Icons".

material-icons-cheatsheet's People

Contributors

shanfan avatar

Watchers

James Cloos avatar Fernan de Dios avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.