React 版 YCloud Icons

在 React 应用中使用 YCloud Icons 时，每个图标都是一个独立组件，并会渲染为优化后的内联 SVG。

功能列表：

易于使用：按需导入图标，并直接在 JSX 中渲染。
可定制：通过 props 控制尺寸、颜色、描边宽度等属性。
支持 Tree-shaking：最终产物只包含你实际导入的图标。
TypeScript 支持：完整类型定义带来更好的开发体验。
样式入口：组件名保持稳定，样式变体通过不同包入口区分。

概览

快速开始了解如何在 React 中使用 YCloud Icons。

基础

颜色调整图标颜色。尺寸调整图标尺寸。描边宽度调整图标描边宽度。

进阶

TypeScript查看导出的类型以及使用方式。无障碍让图标对更多用户可访问。全局样式为所有图标应用全局样式。填充图标在 @ycloud-web/icons-react 中使用填充图标。别名使用图标别名。组合图标将多个图标组合成一个。动态图标组件按需动态导入图标。