Material Design icons by Google

Overview

Material design icons

Material design icons is the official icon set from Google. The icons are designed under the material design guidelines.

4.0.0 Update

Restructured repository, updated assets.

3.0.1 Update

  • Changed license in package.json.
  • Added missing device symbol sprites.

3.0.0 Update

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

The font 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:

<link href="https://fonts.googleapis.com/css2?family=Material+Icons"
      rel="stylesheet">

Read more in the font portion of our full developer guide.

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.

Issues
  • Add icon for QR code please

    Add icon for QR code please

    QR codes scanning is a thing, so you know may be you can add it.

    icon request 
    opened by ashoksahoo 160
  • Create an icon font

    Create an icon font

    An icon font is being worked on at the moment and we're hoping to ship it sometime soon :) This issue is mostly a placeholder to remind us to include it.

    FAQ enhancement 
    opened by addyosmani 130
  • Logout icon

    Logout icon

    It would be really nice having a logout icon (something like an open door with an arrow), since it's needed quite often

    icon request 
    opened by ScallyGames 106
  • Are the new themes of icons available on Google Fonts?

    Are the new themes of icons available on Google Fonts?

    Recently four new themes of icons are available: outlined, rounded, two tone, and sharp. Are these available on Google fonts? If not is there a timeline on when they will be added? Thanks.

    enhancement 
    opened by steventango 82
  • Please add those icons: filter, storage, wrench, G+, Graph, ECG

    Please add those icons: filter, storage, wrench, G+, Graph, ECG

    Would be great to have those.

    icon request 
    opened by AndroidDeveloperLB 72
  • Icon Request: Pin icon

    Icon Request: Pin icon

    Can you please create an icon for a "pushpin" just like the one you use to "pin" your emails in Google Inbox?

    icon request 
    opened by jolenekernick 64
  • Icon request: gender

    Icon request: gender

    I would love to have the female and male gender(sex) icons! I can contribute them if needed.

    icon request 
    opened by nielsenramon 54
  • Material Icons - Vertical Align Doesn't work well alongside text

    Material Icons - Vertical Align Doesn't work well alongside text

    Hi,

    Material icons doesn't seems to vertical align themselves when placed alongside any text.

    Issue:

    image

    image

    image

    I am using this code:

    <p><i class="material-icons">&#xE8B5;</i> Open 7 Days</p>
    

    Let me know if I am doing anything wrong.

    I am using Bootstrap v 3.3.5.

    opened by msvayani 53
  • Self-Hosted Material Icon Not Showing On Both Chrome and IE

    Self-Hosted Material Icon Not Showing On Both Chrome and IE

    I referred to this link http://google.github.io/material-design-icons/#getting-icons

    @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'), url(https://example.com/MaterialIcons-Regular.woff) format('woff'), url(https://example.com/MaterialIcons-Regular.ttf) format('truetype'); }

    @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'), url(https://example.com/MaterialIcons-Regular.woff) format('woff'), url(https://example.com/MaterialIcons-Regular.ttf) format('truetype'); }

    I replaced the url with the location of the material design icons folder but it won't show up. Using the link to the Google Web Font, it works perfectly I used the svg version and it works perfectly too.

    bug help wanted 
    opened by jig9 45
  • Missing social icons (G+, FB, Twitter, etc.)

    Missing social icons (G+, FB, Twitter, etc.)

    These icons do appear to exist somewhere, e.g. https://www.gstatic.com/images/icons/material/system/2x/post_gplus_black_24dp.png https://www.gstatic.com/images/icons/material/system/2x/post_facebook_black_24dp.png https://www.gstatic.com/images/icons/material/system/2x/post_twitter_black_24dp.png

    They're also listed as Google-made icons on https://materialdesignicons.com/, e.g. https://materialdesignicons.com/icon/facebook-box

    However, they are nowhere to be found in this repo.

    FAQ 
    opened by asadovsky 45
  • MOH

    MOH

    opened by Edord99 1
  • Problem trying to unzip the zipped file after downloading from the git repository

    Problem trying to unzip the zipped file after downloading from the git repository

    After clicking on the link and downloading the file, when trying to unzip you are asked for the password. The error occurs when the download is done using the zip download button, or when clicking on the source code option link.

    zip download button: 01

    source code option link: 03

    message requesting password to unzip: 02

    opened by sabino4857 0
  • Add twitter icon

    Add twitter icon

    There is already a facebook icon, I hope there will be a twitter icon as well

    opened by Chandler-Zhu 0
  • Include icon metadata in this repo

    Include icon metadata in this repo

    Please consider including important icon metadata in this repo. https://fonts.google.com/metadata/icons has a bunch of key information regarding the icons that should be kept in step with these releases.

    opened by KevinGutowski 0
  • Standard Icons for Water Quality (pH, EC, ORP, DO)

    Standard Icons for Water Quality (pH, EC, ORP, DO)

    I've been building a water quality system and been trying to only use Google/Material Fonts and Icons, it's flutter based on GCP. I have a budget but would real like standard Icons for pH, EC, DO, ORP, Salinity, Specific Gravity, Total Dissolved Solids. And with air and light monitor humidity, pressure, altitude, Dew Point, Lux, infrared, visible, full_spectrum, CO2, VOC.

    Can I submit the output of my graphic designer or fund yours to create Icons for these measurements and then have them included in the next release free to all?

    [email protected]

    opened by ben700 0
  • Handshake icon

    Handshake icon

    Hello. First of all thanks for the gorgeous list of icons. I would like to recommend adding a handshake icon. I wanted to add an icon to show deal and agreement and couldn't find a decent icon for that. Thank you.

    opened by mothegoat 0
  • post_add icon doesn't appear properly

    post_add icon doesn't appear properly

    The post_add icon listed in angular material does not appear properly since it shows the normal add icon Instead of the post_add icon. Bug related with #967

    opened by LorenzoDelpi 0
  • Touch gestures

    Touch gestures

    A humble request for touch gesture icons:

    Touch Gesture Reference Guide: https://www.lukew.com/ff/entry.asp?1071 (PDF: https://static.lukew.com/TouchGestureGuide.pdf)

    https://github.com/google/material-design-icons/issues/890 is related.

    opened by Malvoz 0
  • Spiritual Icon

    Spiritual Icon

    Guys I have seen that there is no spiritual icons. So should I contribute with that?

    opened by ikaushalmartin 0
Releases(4.0.0)
  • 4.0.0(Aug 31, 2020)

  • 3.0.2(Aug 18, 2020)

  • 3.0.1(Sep 1, 2016)

  • 3.0.0(Aug 25, 2016)

  • 2.2.3(Mar 19, 2016)

  • 2.2.2(Mar 17, 2016)

  • 2.2.1(Mar 10, 2016)

  • 2.2.0(Feb 9, 2016)

  • v2.1.3(Dec 31, 2015)

    You can now require('material-design-icons') to get access to its path on your machine. This is useful, for instance, if you'd like to host our assets from your dev server:

    yourDevServer.map(
      YOUR_STATIC_PREFIX + '/material-design-icons',
      require('material-design-icons').STATIC_PATH,
    );
    
    Source code(tar.gz)
    Source code(zip)
  • 2.1.1(Nov 23, 2015)

  • 2.1(Nov 17, 2015)

  • 2.0.0(May 28, 2015)

  • 1.0.2b(May 13, 2015)

  • 1.0.1(Nov 12, 2014)

    We're excited about the enthusiastic response to our initial release of the material design icons, and happy to bring a small bug fix release to you today.

    What's new in this release?

    • License changed to CC-BY
    • Icon bug fixes and updates
    • Add fully optimized production SVGs
    • CSS sprite bug fixes

    Details

    License

    We originally licensed these icons under CC-BY-SA because we wanted to make them available to you to incorporate into your apps, but we didn't want someone to be able to package them up and resell them as an icon set. We heard your concerns about the scope of the share alike obligation. Our primary goal here is to make it easy for you to use the icons, so we've changed the license to CC-BY.

    And we know it's not always feasible to put a copyright notice on every screen that features icons. So for this icon set, it's fine by us to put the attribution on your app's "about" page, or somewhere similar.

    Bug fixes

    We've fixed some bugs in the art of a few icons, fixed the names of a few more, and added an icon or two.

    Optimized SVGs

    We're now including both "design" SVGs and "production" SVGs. The production SVGs have been fully optimized for size and stripped of any extraneous paths. The design SVGs are kept more readable and include extra paths as an aid to designers dropping SVGs into mocks.

    CSS sprite fixes

    We've improved the CSS sprites so that they play more nicely together when more than one is used on one page.

    You can find more details in our previous release notes or in the project README.

    Enjoy!

    Source code(tar.gz)
    Source code(zip)
    material-design-icons-1.0.1.zip(57.39 MB)
  • 1.0.0(Oct 17, 2014)

    Today, Google Design are open-sourcing 750 glyphs as part of the Material Design system icons pack. The system icons contain icons commonly used across different apps, such as icons used for media playback, communication, content editing, connectivity, and so on. They're equally useful when building for the web, Android or iOS.

    Read on for the release notes, view a live preview of the icons or download the icon pack now.

    What's included in the release?

    • SVG versions of all icons in both 24px and 48px flavours
    • SVG and CSS sprites of all icons
    • 1x, 2x icons targeted at the Web (PNG)
    • 1x, 2x, 3x icons targeted at iOS (PNG)
    • Hi-dpi versions of all icons (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi) (PNG)

    Preview

    Icons are included for actions:

    1

    Devices:

    2

    Common images:

    3

    and many other icon categories app developers use today.

    Getting Started

    You have a few options for getting the icons.

    Download the Zip

    Grab the latest release as a zip archive (~57MB).

    Bower

    Install the icons using the Bower package manager.

    $ bower install material-design-icons
    

    npm

    You can also find all the icons on npm.

    $ npm install material-design-icons
    

    For more information on usage, see the project README.

    With special thanks to Josh Estelle, Alastair Tse and the Material Design team for their contributions to this project

    Source code(tar.gz)
    Source code(zip)
    material-design-icons-1.0.0.zip(56.51 MB)
  • 1.0.0-pre(Oct 17, 2014)

😍 A beautiful, fluid, and extensible dialogs API for Kotlin & Android.

Material Dialogs View Releases and Changelogs Modules The core module is the fundamental module that you need in order to use this library. The others

Aidan Follestad 18.9k Jul 27, 2021
📱Android Library to implement animated, 😍beautiful, 🎨stylish Material Dialog in android apps easily.

Material Dialogs for Android ?? ?? Android Library to implement animated, ?? beautiful, ?? stylish Material Dialog in android apps easily. 1. Material

Shreyas Patil 675 Jul 24, 2021
The flexible, easy to use, all in one drawer library for your Android project. Now brand new with material 2 design.

MaterialDrawer ... the flexible, easy to use, all in one drawer library for your Android project. What's included ?? • Setup ??️ • Migration Guide ??

Mike Penz 11.4k Jul 28, 2021
Default colors and dimens per Material Design guidelines and Android Design guidelines inside one library.

Material Design Dimens Default colors and dimens per Material Design guidelines and Android Design guidelines inside one library. Dimens Pattern: R.di

Dmitry Malkovich 1.4k Jul 25, 2021
Material Design icons by Google

Material design icons Material design icons is the official icon set from Google. The icons are designed under the material design guidelines. 4.0.0 U

Google 43.4k Jul 28, 2021
Custom drawer implementation for Material design apps.

material-drawer Custom drawer implementation for Material design apps. Demo A demo app is available on Google Play: Screenshots Fixed items Select pro

Jan Heinrich Reimer 608 Jul 2, 2021
Material Design RatingBar with better appearance

MaterialRatingBar Material Design RatingBar with better appearance, compatible with Android 3.0+. Why MaterialRatingBar? Consistent appearance on Andr

Hai Zhang 1.9k Jul 27, 2021
Library containing over 2000 material vector icons that can be easily used as Drawable or as a standalone View.

Material Icon Library A library containing over 2000 material vector icons that can be easily used as Drawable, a standalone View or inside menu resou

null 2.3k Jul 29, 2021
Animated Material circular button

Material Circular Button Circular button for Android in Google Material Style How to use Clone this proyect and import the module "materialCircularBut

Adrián Lomas 218 Jun 30, 2021
Animations for Android L drawer, back, dismiss and check icons

Material Menu Morphing Android menu, back, dismiss and check buttons Have full control of the animation: Including in your project compile 'com.balysv

Balys Valentukevicius 2.5k Jul 27, 2021
[] Android Library that implements Snackbars from Google's Material Design documentation.

DEPRECATED This lib is deprecated in favor of Google's Design Support Library which includes a Snackbar and is no longer being developed. Thanks for a

null 1.6k Jul 18, 2021
This is a library with components of Android L to you use in android 2.2

Material Design Android Library How to use Components Buttons Flat Button Rectangle Button Float Button Float small button Switches CheckBox Switch Pr

Ivan Navas 9.1k Jul 27, 2021
EditText in Material Design

MaterialEditText NOTE: 2.0 is NOT BACKWARDS COMPATIBLE! See more on wiki or 中文看这里 AppCompat v21 makes it easy to use Material Design EditText in our a

Kai Zhu 6.1k Aug 2, 2021
Material Design implementation for Android 4.0+. Shadows, ripples, vectors, fonts, animations, widgets, rounded corners and more.

Carbon Material Design implementation for Android 4.0 and newer. This is not the exact copy of the Lollipop's API and features. It's a custom implemen

null 2.9k Jul 29, 2021