disarto-icons-react

React components from Disarto Icons — 566 handcrafted icons in Regular (outline) and Solid (filled) variants, drawn on a 24×24 grid. ESM, typed, fully tree-shakeable.

npm install disarto-icons-react

Use

import { Play, ArrowUpLeft } from 'disarto-icons-react';
import { PlaySolid, GearSolid } from 'disarto-icons-react';   // Solid = suffix

<Play />                                    {/* size=24, color="currentColor" */}
<Play size={32} color="#f5721e" />
<Play size={20} className="icon" aria-label="Play" onClick={onPlay} />

Components use forwardRef and pass through every standard SVG prop. TypeScript declarations are included — all components are typed with IconProps.

Tree-shaking works out of the box with Vite, webpack 5+, Rollup, and esbuild. For the most granular imports:

import { Play } from 'disarto-icons-react/icons/Play.js';

Requires React 17 or newer.

License

MIT © Disarto — for the artwork. Third-party trademarks in the Brands category are excluded; see TRADEMARKS.md.