@rsuite/icons is a comprehensive icon library for React Suite, offering a collection of SVG icons as React components. It provides a flexible and performant way to include and customize icons in your React applications.

npm install @rsuite/icons --save
# or
yarn add @rsuite/icons

import { Icon } from '@rsuite/icons';
import GearIcon from '@rsuite/icons/Gear';

// Use preset icon
<GearIcon />

// Use custom SVG icon
<Icon as={YourSvgComponent} />

// Size (using size prop)
<GearIcon size={24} />
<GearIcon size="2em" />

// Size (using style)
<GearIcon style={{ fontSize: '2em' }} />

// Color
<GearIcon style={{ color: '#4caf50' }} />

// Rotate
<GearIcon rotate={90} />

// Flip
<GearIcon flip="horizontal" />

// Pulse
<GearIcon pulse />

// Spin
<GearIcon spin />

• React Component: Optimized for React applications
• TypeScript Support: Built with TypeScript for type safety
• Customizable: Control size, color, rotation and more
• React 19 Compatible: Updated to work with React 19

The <Icon> component extends React.SVGProps<SVGElement> so it accepts all valid SVG attributes.

For more information, please visit Icon documentation

npm install

npm run storybook

npm run build

npm run test

MIT