React-Icons includes icons from various popular icon sets, including:

  • Font Awesome (fa)
  • Material Design icons (md)
  • Typicons (ti)
  • GitHub Octicons (go)
  • Ionicons (io, io5)
  • And many more…

To browse all available icons, visit the React-Icons website.

​
Usage

To use an icon in your component:

import { FaReact } from "react-icons/fa";

function MyComponent() {
  return (
    <div>
      <FaReact size={24} color="blue" />
      <p>React is awesome!</p>
    </div>
  );
}

​
Customization

Icons can be easily customized using props:

<FaReact size={32} color="#61DAFB" className="my-custom-class" />

Common props include:

  • size: Sets the icon size (default is 1em)
  • color: Sets the icon color
  • className: Applies custom CSS classes

Was this page helpful?

Framer MotionPrivacy Policy & Terms of Service with ChatGPT