question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dropping Icon component in favor of Material Design Icons for React

See original GitHub issue

Hello, I would like to know if we could drop the actual implementation of Icon component to instead use Material Design Icons for React.

It has ALL of the original Material icons made by Google (which you can find here) plus some (a lot, actually) of community made one.

I’m asking this because I recently worked on a project which uses react-materialize and a lot of icons.

At first everything was fine, but soon I’ve realized I was in need of more icons than the one provided by Google (and consequently react-materialize implementation of Icon).

Then I discovered this library and it plays very well with react-materialize I can say.

But It’s strange to have two Icons component from two different packages which fulfill the same exact task.

What do you think?

This might be a really good enhancement for react-materialize!

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:9 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
alextrasterocommented, Oct 15, 2018

Ok, going to have a look 😃

0reactions
CloudPower97commented, Apr 26, 2019

Hey, @alextrastero, I think we can make any icon prop a node and not using Icon component ourselves in other components of react-materialize. If the user wants, he can use the component shipped with react-materialize, otherwise he is able to use anythings he wants, like Material Design Icons for React.

This is the same approach used in #793 .

Let me know if this is ok for you, I’d like to open a P.R for this, if you agree. 😄

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Icon Component - Material UI - MUI
Icons. Guidance and suggestions for using icons with MUI. MUI provides icons support in three ways: Standardized Material Icons exported as React components...
Read more >
Product icons - Material Design
Icons communicate the core idea and intent of a product in a simple, bold, and friendly way. While each icon is visually distinct,...
Read more >
Rendering Material-UI icons from an array - reactjs
Very basic. Problem: I would like to include a material-ui icon component in the menuItems array so the icon can be rendered next...
Read more >
Material Symbols and Icons - Google Fonts
Introducing Material Symbols. Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of...
Read more >
React Icons with Bootstrap - examples & tutorial
Responsive Icons built with Bootstrap 5, React 17 and Material Design 2.0. Examples in different colors, shapes, and size. Well organized and easy...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found