react-md-components/src/icon/index.js

This is a react module containing a free collection of material design components.

import React from 'react';
import style from './style/icon.module.scss';
import PropTypes from 'prop-types';

const MDIcon = ({ icon, className, onClick, onMouseOver, color }) => {
  return (
    <i
      className={`${style.MDIcon} ${className ? className : ''}`}
      onClick={onClick}
      onMouseOver={onMouseOver}
      style={{ color: color }}
    >
      {icon}
    </i>
  );
};

MDIcon.propTypes = {
  className: PropTypes.string,
  icon: PropTypes.string.isRequired,
  onClick: PropTypes.func,
  color: PropTypes.string,
  onMouseOver: PropTypes.func,
};

MDIcon.defaultProps = {
  className: '',
  icon: '',
  onClick: null,
  color: '',
  onMouseOver: null,
};

export default MDIcon;
export { MDIcon };