xxxxxxxxxx
npm install @fortawesome/fontawesome-svg-core
npm install @fortawesome/free-solid-svg-icons
npm install @fortawesome/react-fontawesome
xxxxxxxxxx
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>
}
}
xxxxxxxxxx
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>
}
}
xxxxxxxxxx
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>
}
}
xxxxxxxxxx
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
xxxxxxxxxx
import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}
xxxxxxxxxx
// ###### 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>
}
}
xxxxxxxxxx
Installation (for standard modern project)
npm install react-icons --save
yarn add react-icons --save
// or
yarn add react-icons
Installation (for meteorjs, gatsbyjs, etc)
npm install @react-icons/all-files --save