@acronis-platform/icons-react

React icon components, generated from @acronis-platform/icons-svg-next. Tree-shakeable, themed via currentColor, with the design-system size/stroke rules baked in.

Install

pnpm add @acronis-platform/icons-react react react-dom

Usage

import {
  BoltIcon,
  ChevronDownIcon,
} from '@acronis-platform/icons-react/stroke-mono';

export function Example() {
  return (
    <p style={{ color: 'crimson' }}>
      {/* inherits text color via currentColor */}
      <BoltIcon size={16} title="Power" />
      <ChevronDownIcon /> {/* defaults to 24px, decorative */}
    </p>
  );
}

size applies the design size + stroke rules — e.g. size={16} renders at 16px with a 1.6px stroke, size={32} at 32px with 2.5px, matching the design.

Dynamic lookup

import {
  icons,
  type IconName,
} from '@acronis-platform/icons-react/stroke-mono';

const Icon = icons['chevron-down'];

(Importing icons pulls the whole pack; prefer named imports for bundle size.)

Develop

pnpm --filter @acronis-platform/icons-react generate    # regenerate from icons-svg-next
pnpm --filter @acronis-platform/icons-react storybook    # browse the gallery
pnpm --filter @acronis-platform/icons-react test         # Vitest + RTL
pnpm --filter @acronis-platform/icons-react build        # generate + lib bundle

Generated components live under src/packs/ and are not committed — see AGENTS.md.