Stack Overflow
Stack Overflow

Questions tagged [material-design-icons]

Community driven version of Google's Material style icon set. For the official Google icons distribution please use [google-material-icons]. Use this tag for any issues importing or using the icons from materialdesignicons.com or any @mdi package on npm.

Material Design Icons

Material Design Icons is a project which aims to provide the largest set of icons which follow the material design specifications laid out by Google. The full list of available icons can be viewed at materialdesignicons.com.

Icons

Packages

  • @mdi/js - All icons as SVG path strings. Lightweight and easy to use.
  • @mdi/svg - All icons as SVG assets. Recommended for third party tools.
  • @mdi/font - Icon font. Recommended for use in design software.

License

Templates - WTFPL

Community Icons - SIL Open Font License 1.1

Google Material Design Icons - Apache License 2.0

34 questions
0
votes
2 answers

I a using mdi-react package for Icons but when combining it with scss the "font-size" property dosen't work

I am using mdi-react package and combining it with scss to define some styles but the font-size propert is not working. Everything else (like color property) is working. I searched it all over the internet but can't find a solution so finally…
Kartik
  • 3
  • 3
0
votes
1 answer

Dynamic MaterialDesign PackIconKind from config XML in WPF application

I am designing one WPF desktop application where the UI design is totally driven by an configuration file. I have MenuItems which uses MaterialDesign PackIcons. I have the PackIcons mentioned in the config file for each menuitem. e.g.
Joy
  • 1,609
  • 3
  • 16
  • 28
0
votes
1 answer

FontAwesome-like fixed width on Material Design Icons

I'm pretty set on using Material Design Icons for the simple fact that they have a lot more IT oriented icons so it just makes things much easier. I'd like to achieve something similar to FontAwesome's Fixed Width feature, which ensures there's an…
CodeSpent
  • 1,684
  • 4
  • 23
  • 46
-1
votes
1 answer

How can i add material icon to react app?

I have a problem adding the monitor_heart icon from material-design-icons/font to a react project. The icon is located here: (https://marella.me/material-icons/demo/) you have to type "monitor_heart" So far I added icons from material-ui without any…
React Beginner
  • 1
  • 1
1 2
3