JAVASCRIPT

react icons

yarn add react-icons

npm install react-icons --save

react icons

// ###### Installation ######
   npm install react-icons --save

// ###### Usage ######
import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
  render() {
    return <h3> Lets go for a <FaBeer />? </h3>
  }
}

react icon import

import { IconName } from "react-icons/bs";

react icon

import { IconContext } from "react-icons";

<IconContext.Provider value={{ color: "blue", className: "global-class-name" }}>
  <div>
    <FaFolder />
  </div>
</IconContext.Provider>

react icons

npm i react-icons

react icons

//install package
yarn add react-icons

import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
  render() {
    return <h3> Lets go for a <FaBeer />? </h3>
  }
}

react icons

npm install react-icons --save

# yarn 
yarn add react-icons --save

react icons

npm install react-icons
// or
yarn add react-icons

USE ICONS IN REACT

import { FaBeer } from 'react-icons/fa';

class Question extends React.Component {
    render() {
        return <h3> Lets go for a <FaBeer />? </h3>
    }
}

react icons

npm install react-icons --save
import { FaBeer } from 'react-icons/fa';
<FaBeer />

react icons

 npm i react-icons

react icons

npm i react-icons --save

//Mudassirkhan999  @twitter

react icon

import React from "react";
import Icon from "react-crud-icons";

import "../node_modules/react-crud-icons/dist/react-crud-icons.css";

class Example extends React.Component {
  render() {
    return (
      <Icon
        name = "edit"
        tooltip = "Edit"
        theme = "light"
        size = "medium"
        onClick = { doSomething }
      />
    );
  }
}

react icons

import { IconName } from "react-icons/hi";