ROKU-ICONS

这是一个 React 使用的图标库。利用了 iconify 的图标数据。你可以在 icones 浏览所有可用的图标。感谢这些库的作者的收集，让图标选择变得自由。

动机

目前 UnoCSS 和 Iconify 都已提供了图标解决方案，他们的优势是通用，不依赖于任何前端框架。但是如果我已经锁定了 React，这一优势便不复存在了。 而且，我们并没有完全摆脱框架锁定——比如 UnoCSS 虽然是框架无关的，但它的图标方案锁死了我们必须使用 UnoCSS。

此外，这些库需要拼接字符串来寻找图标。这样的方式其实不够优雅。我们需要打开一个图标库网页去获得字符串（或是添加一个IDE插件，又是一种锁定），而无法获得代码智能提示。

最后，虽然许多图标库也维护了 React 组件库，但他们的 API 各不相同，默认的设置（如图标大小）也不一致。

而这个库的优势是，我们直接将图标数据转换为 React 组件，这样就可以使用 IDE 的代码智能提示了。同时，所有的库具备相同的 API 和默认设置，让我们可以无缝在各种图标库之间切换。

安装

npm install @roku/icons-<prefix>

其中 <prefix> 是图标库的前缀，比如 mdi、fa、等。