Question 1

How do I change the color of icons in Material Design Iconic Font?

Accepted Answer

Use the CSS color property on icon elements, like adding `.zmdi { color: red; }` to your styles. Since it's a font, colors apply uniformly, but you're limited to single colors without CSS tricks like background-clip for gradients.

Question 2

Material Design Iconic Font vs Font Awesome: which should I use?

Accepted Answer

Material Design Iconic Font is tailored for Material Design projects with official icons and brand logos, while Font Awesome offers a broader, more generic set. Choose based on design consistency; if you need strict Material Design, this is better, but for variety, consider alternatives.

Question 3

How to use Material Design Iconic Font with React components?

Accepted Answer

Import the CSS via CDN or local file and use icon classes in JSX, e.g., ``. For reusability, wrap icons in custom React components, but note that font loading might cause brief unstyled content flashes.

Question 4

Does Material Design Iconic Font support Internet Explorer 9?

Accepted Answer

No, the README specifies support for IE10+ and explicitly removes backward compatibility for IE8-9 in version 2.0. For older browsers, you'd need to use an older version or fallback methods.

Question 5

How to add custom icons to Material Design Iconic Font?

Accepted Answer

It's not straightforward; you'd need to edit font files and regenerate CSS, which requires tools like FontForge. For custom icons, it's often easier to use a separate SVG icon set or overlay images.

Question 6

What are common issues when icons don't display properly?

Accepted Answer

Check font paths in CSS, ensure the correct version is loaded, and verify browser support. The README notes issues with cheatsheet mismatches, so always refer to the latest documentation and clear caches.

material-design-iconic-font

What is material-design-iconic-font?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions