mikamaunula/react-material-icons

Material design icons as material-ui SvgIcon component

react-material-icons

Material design icons as material-ui SvgIcon component. Icon components build with iconbuilder tool from material-ui.

Installation

npm install react-material-icons

Usage

import React from 'react';
import mui from 'material-ui';

import AlarmIcon from 'react-material-icons/icons/action/alarm';

export default class Alarm extends React.Component {
  render() {
    return (
      <AlarmIcon/>
    );
  }
}

react-material-icons's Issues

React deprecation warning

Hi!

Icons are throwing this warning into the console:

Warning: NavigationClose: React.createClass is deprecated and will be removed in version 16. Use plain JavaScript classes instead. If you're not yet ready to migrate, create-react-class is available on npm as a drop-in replacement.

The message is quite self-explanatory haha, components need to be refactored to start using or Arrow functions or ES6 classes.

Once again, if you need, would be happy to open a PR :)

Warning: Accessing PropTypes via the main React package is deprecated. Use the prop-types package from npm instead.

prop-types is a separate module and not a part of React any more

signal-wifi-N looks all the same

All wifi signals (and cellphone signals) look the same:

import Wifi0Icon from 'react-material-icons/icons/device/signal-wifi-0-bar';
import Wifi1Icon from 'react-material-icons/icons/device/signal-wifi-1-bar';
import Wifi2Icon from 'react-material-icons/icons/device/signal-wifi-2-bar';
import Wifi3Icon from 'react-material-icons/icons/device/signal-wifi-3-bar';
import Wifi4Icon from 'react-material-icons/icons/device/signal-wifi-4-bar';

        <div>
          <Wifi0Icon/>
          <Wifi1Icon/>
          <Wifi2Icon/>
          <Wifi3Icon/>
          <Wifi4Icon/>
        </div>

Missing monetization on

hi,

i noticed that monetization on is missing: https://material.io/icons/#ic_monetization_on

what's the best practice to get this included?

Why not React.DOM.svg instead of mui.SvgIcon?

I think your idea is great!!
...but I don't want to be forced to use MUI.

Did you think about just forking this, removing the MUI dependency and using React.DOM.svg instead? Does this already exist? Are you interested in doing this? Should I do it and refer to your repo in Readme?

Webpack fails becuase there is no main entry

It looks like it searches a entry for the import but fails.

Stacktrace:
[1] ERROR in dll vendor
[1] Module not found: Error: Can't resolve 'react-material-icons' in 'C:\Users\marce\Documents\dev\ls-vertreter-v2'
[1] resolve 'react-material-icons' in 'C:\Users\marce\Documents\dev\ls-vertreter-v2'
[1]   Parsed request is a module
[1]   using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\package.json (relative path: .)
[1]   after using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\package.json (relative path: .)
[1]     resolve as module
[1]       C:\Users\marce\Documents\dev\node_modules doesn't exist or is not a directory
[1]       C:\Users\marce\Documents\dev\app doesn't exist or is not a directory
[1]       C:\Users\marce\Documents\node_modules doesn't exist or is not a directory
[1]       C:\Users\marce\Documents\app doesn't exist or is not a directory
[1]       C:\Users\marce\node_modules doesn't exist or is not a directory
[1]       C:\Users\marce\app doesn't exist or is not a directory
[1]       C:\Users\node_modules doesn't exist or is not a directory
[1]       C:\Users\app doesn't exist or is not a directory
[1]       C:\node_modules doesn't exist or is not a directory
[1]       C:\app doesn't exist or is not a directory
[1]       looking for modules in C:\Users\marce\Documents\dev\ls-vertreter-v2\app
[1]         using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\app\package.json (relative path: .)
[1]         after using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\app\package.json (relative path: .)
[1]           using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\app\package.json (relative path: ./react-material-icons)
[1]             as directory
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons doesn't exist
[1]             no extension
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons doesn't exist
[1]             .js
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.js doesn't exist
[1]             .jsx
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.jsx doesn't exist
[1]             .json
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.json doesn't exist
[1]       looking for modules in C:\Users\marce\Documents\dev\ls-vertreter-v2\app
[1]         using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\app\package.json (relative path: .)
[1]         after using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\app\package.json (relative path: .)
[1]           using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\app\package.json (relative path: ./react-material-icons)
[1]             as directory
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons doesn't exist
[1]             no extension
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons doesn't exist
[1]             .js
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.js doesn't exist
[1]             .jsx
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.jsx doesn't exist
[1]             .json
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.json doesn't exist
[1]       looking for modules in C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules
[1]         using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\package.json (relative path: ./node_modules)
[1]         after using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\package.json (relative path: ./node_modules)
[1]           using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\package.json (relative path: .)
[1]             no extension
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons is not a file
[1]             .js
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons.js doesn't exist
[1]             .jsx
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons.jsx doesn't exist
[1]             .json
[1]               C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons.json doesn't exist
[1]             as directory
[1]               existing directory
[1]                 using path: C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\index
[1]                   using description file: C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\package.json (relative path: ./index)
[1]                     no extension
[1]                       C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\index doesn't exist
[1]                     .js
[1]                       C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\index.js doesn't exist
[1]                     .jsx
[1]                       C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\index.jsx doesn't exist
[1]                     .json
[1]                       C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\index.json doesn't exist
[1] [C:\Users\marce\Documents\dev\node_modules]
[1] [C:\Users\marce\Documents\dev\app]
[1] [C:\Users\marce\Documents\node_modules]
[1] [C:\Users\marce\Documents\app]
[1] [C:\Users\marce\node_modules]
[1] [C:\Users\marce\app]
[1] [C:\Users\node_modules]
[1] [C:\Users\app]
[1] [C:\node_modules]
[1] [C:\app]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.js]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.js]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.jsx]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.jsx]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.json]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\app\react-material-icons.json]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons.js]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons.jsx]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons.json]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\index]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\index.js]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\index.jsx]
[1] [C:\Users\marce\Documents\dev\ls-vertreter-v2\node_modules\react-material-icons\index.json]
[1]  @ dll vendor

Missing icon - mail outlined

Hello!

Not sure, but I think this icon (mail outlined) is missing, I could not find it.
If it's truly missing, I would be more than happy to open a PR with it :)

webjars

Hi!
Can you create webjars library?

Thanks