Use Font Awesome, Bootstrap, Weather and More Icons in React

Install react-icons

npm install react-icons --save

Font Awesome Icons

import React from 'react';

import { FaApple } from "react-icons/fa";
import { FaWindows } from "react-icons/fa";

function App() {
  return (
    <div className="App">
      Apple Icon: <FaApple/> <br/>
      Windows Icon: <FaWindows/>
    </div>
  );
}

export default App;

Devicons

import React from 'react';

import { DiReact } from "react-icons/di";
import { DiAndroid } from "react-icons/di";

function App() {
  return (
    <div className="App">
      React Icon: <DiReact/> <br/>
      Android Icon: <DiAndroid/>
    </div>
  );
}

export default App;

Weather Icons

import React from 'react';

import { WiDayFog } from "react-icons/wi";
import { WiNightHail } from "react-icons/wi";

function App() {
  return (
    <div className="App">
      Day Fog Icon: <WiDayFog/> <br/>
      Night Hail Icon: <WiNightHail/>
    </div>
  );
}

export default App;