Skip to content

Latest commit

 

History

History
74 lines (53 loc) · 1.72 KB

README.md

File metadata and controls

74 lines (53 loc) · 1.72 KB

react-multiple-icons

react-multiple-icons

version

Include popular icons in your React projects easily with react-multiple-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.

Installation

npm install react-multiple-icons --save

Basic Usage

import Icon from "react-multiple-icons";

class Question extends React.Component {
  render() {
    return (
      <h3>
        {" "}
        Lets go for a <Icon iconName="fa fa-industry" />?{" "}
      </h3>
    );
  }
}

If you want to use material design icons follow this.

<ReactIcons
    iconName="material-icons"
    iconStyle="custom-style"
    className="zoom_out_map"
/>

.custom-style {
	font-size: 1.2rem;
	color: "green"
}

Any customize style can be passed in like

<Icon iconName="fa fa-industry" iconStyle="custom-style" />

View the documentation for further usage examples and how to use icons from other packages. NOTE: each Icon package has it's own subfolder under react-icons you import from.

Supported Icons list

Font Awesome

Material Design

Ionicons

Linea Basic Icons

You can add more icons by submitting pull requests or creating issues.

key default memo
size 1em
iconStyle undefined can overwrite size and color