JAVASCRIPT

how to add react icons using npm

npm install react-icons --save

# yarn 
yarn add react-icons 

import react icons

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>
  }
}

install react icon

npm install react-icons --save

import react icons

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>
  }
}

import react icons

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>
  }
}

how to add icon in react js

import {FaTwitter} from "react-icons/fa"
import {IconContext} from "react-icons"

const Bare = () => {
  return (
   <IconContext.Provider value={{ style: {fontSize: '30px', color: "rgb(0, 123, 255)"}}}>
       <div>
         <FaTwitter />
       </div>
    </IconContext.Provider>
  )
}

react icon

import { IconContext } from "react-icons";

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

react icon import

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

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 }
      />
    );
  }
}

how to add icon in react

In App.js , paste the import code at the top of the file after the React import code.
Go back to the React icons page and choose any icon from the Font Awesome icons.
Click on the icon to copy it.
Go back to your import code in the App.js file.