Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. If your project grows in size, this option is available. This method has the trade-off that it takes a long time to install the package. Suitable for MeteorJS, Gatsbyjs etc. SVG is supported by all major browsers. With react-icons, you can serve only the needed icons instead of one big font file to the users, helping you to recognize which icons are used in your project. From version 3, vertical-align: middle is not automatically given. Import path has changed. You need to rewrite from the old style. You can add more icons by submitting pull requests or creating issues.

Features

  • You can configure react-icons props using React Context API
  • Change import style
  • Adjustment CSS
  • Global Inline Styling
  • TypeScript native support
  • SVG is supported by all major browsers

Project Samples

Project Activity

See All Activity >

Categories

Icon Sets

License

MIT License

Follow React Icons

React Icons Web Site

Other Useful Business Software
$300 Free Credits for Your Google Cloud Projects Icon
$300 Free Credits for Your Google Cloud Projects

Start building on Google Cloud with $300 in free credits. No commitment, no credit card required until you're ready to scale.

Launch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
Start Free Trial
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of React Icons!

Additional Project Details

Operating Systems

Linux, Mac, Windows

Programming Language

TypeScript

Related Categories

TypeScript Icon Sets

Registered

2023-02-07