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

You Might Also Like
Our Free Plans just got better! | Auth0 by Okta Icon
Our Free Plans just got better! | Auth0 by Okta

With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your secuirty. Auth0 now, thank yourself later.
Try free now
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