Package Exports

@syncfusion/react-icons
@syncfusion/react-icons/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@syncfusion/react-icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Icons Library

The React Icon Library is a centralized and scalable collection of SVG-based icon components built specifically for modern React applications. Designed to offer a consistent and customizable icon experience across projects.

Key Features

Includes a comprehensive set of over 500+ ready-to-use SVG icon components covering essential categories such as arrows, indicators, file types, and more.
Icon components support dynamic props like color, size, width, height, and viewBox, enabling easy visual customization directly through JSX.
Icons are exported as lightweight, reusable React functional components. They can be seamlessly embedded in buttons, inputs, navigation items, cards, and other custom components.
With modular exports, only the icons used in your application are included in the final bundle, ensuring optimal performance with minimal overhead.

Setup

To install icons, use the following command,

npm install @syncfusion/react-icons

Usage

import { SearchIcon } from '@syncfusion/react-icons';

export default function App() {
  return (
    <SearchIcon  width={24} height={24} color={"#4285F4"} />   
  );
};

Resources

Trusted by the world's leading companies

Support

Product support is available through following mediums.

Support ticket - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
Live chat

License and copyright

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. To acquire a license for React UI components, you can purchase or start a free 30-day trial.

A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

See LICENSE FILE for more info.