@claralight-design/symbol-kit-react

Symbol Kit 的 React 图标组件包。每个图标均为独立的命名组件，运行时只依赖 Symbol Kit Core。

import { CreditCard } from "@claralight-design/symbol-kit-react";

export function Example() {
  return <CreditCard size={24} weight="regular" variant="duotone" title="信用卡" />;
}

也可以通过子路径默认导入单个图标：

import CreditCard from "@claralight-design/symbol-kit-react/icons/CreditCard";

配置 @claralight-design/symbol-kit-unplugin 后，同一个子路径可以直接使用 .symbol-kit/input 中新增的图标，无需重新生成或发布 React 包。

组件支持所有原生 SVG 属性，并提供 size、weight、variant、accentColor、accentOpacity 和 title。无可访问名称时，图标默认作为装饰元素隐藏。