动态图标组件

可以使用一个通用图标组件来加载图标。但不推荐这样做，因为它会在构建期间导入所有图标。请参阅 注意事项。

DynamicIcon 对于想要按图标名称动态显示图标的应用程序很有用。例如，当使用图标名称存储在数据库中的内容管理系统时。

对于静态用例，建议直接导入图标。

可以传递相同的 props 来调整图标外观。name prop 是加载正确图标所必需的。

import { DynamicIcon } from 'lucide-react/dynamic';

const App = () => (
  <DynamicIcon name="camera" color="red" size={48} />
);

---

注意事项

• 所有图标都会在构建时导入，这会增加构建时间。
• 打包工具将为每个图标创建一个单独的模块，这可能会增加网络请求的数量。
• 加载图标时可能会遇到闪烁，因为图标是动态加载的。
• 使用服务器端渲染时，需要确保图标在初始渲染期间可用。