适用于React项目的图标库推荐

适用于React项目的图标库推荐

本文介绍了适用于React项目的15个图标库，包括Supercons、ReactIcons、ReactNativeVectorIcons、StyledIcons、ReactFeatherIcons、IconPark、ReactSocialIcons、ReactSvgIconsKit、BootstrapIcons、IconifyforReact、ReactUnicons、ReactGeomicons、ReactEvilIcons、ReactBytesizeIcons和ReactMaterialIcons。

1. Supercons
Supercons为React开发人员提供了项目制作高质量de图标集。它们还为图标设计人员和开发人员提供了一种轻松制作图标集的方法，这些图标集无需任何修改即可用于各种平台，如Android、iOS、Windows、macOS和Linux。在线地址：https://supercons.vercel.app/

2. ReactIcons
react-icons提供了项目中常用的一些图标，它是一个图标集，可以使用ES6导入，只需要导入需要的图标即可。我们还可以对图标进行自定义颜色或大小。在线地址：https://react-icons.github.io/react-icons

3. ReactNativeVectorIcons
这是一个适用于ReactNative矢量图标库，矢量图标的优点之一就是它们是可扩展的，也就是说这些图标将适用于任何设备或屏幕尺寸。因此，我们可以为多种设备设计网站。矢量图标也能够在不损失质量的情况下在高分辨率显示器上使用。该库也是一个图标集，包含多个图标库中的图标。在线地址：https://oblador.github.io/react-native-vector-icons/

4. StyledIcons
StyledIcons包含了很多图标集，如FontAwesome、MaterialDesign、Octicons等，它们可以作为React样式组件使用。在线地址：https://styled-icons.dev/

5. ReactFeatherIcons
Feather是在ApacheLicense2.0下发布的一组简单的、轻量级的图标。它分为四大类：FeatherIcons、FeatherSVG、FeatherCLI和FeatherWebpackPlugin。React-Feather库提供了很多组件，这些组件导入和使用起来也很方便，因为它预制了各种主题，开箱即用。在线地址：https://feathericons.com/

6. IconPark
IconPark提供超过2400个高质量图标，还提供了每个图标的含义和来源的描述，便于开发者使用。除此之外，该网站还可以自定义图标，这是与其他图标网站与众不同的地方。该图标库是字节跳动旗下的技术驱动图标样式的开源图标库。在线地址：https://iconpark.oceanengine.com/home

7. ReactSocialIcons
Grommet图标集是一组使用React构建的SVG图标。该集合包括近500个可以使用CSS设置样式的图标。在线地址：https://icons.grommet.io/

8. ReactSvgIconsKit
ReactSvgIconsKit是一个svg格式的图标集合。该工具包附带了一组用于这些图标的开箱即用的React组件，我们可以很容易的将它们添加到项目中。在线地址：https://react-icons-kit.vercel.app/

9. BootstrapIcons
ReactBootstrapIcons提供了300多个流行的Bootstrap图标作为React组件，我们只需要将它们放在需要的位置即可。在线地址：https://icons.getbootstrap.com/

10. IconifyforReact
Iconify是一个现代的开源SVG图标库，它提供了超过40000个图标，IconifyforReact为每个图标生成单独的文件，因此在编译应用程序时，只会捆绑在项目中使用的图标。在线地址：https://icon-sets.iconify.design/

11. ReactUnicons
ReactUnicon为我们提供了两种不同的样式：SVG和EPS，这些矢量格式可以在多数场景下使用。在线地址：https://iconscout.com/unicons

12. ReactGeomicons
ReactGeomicons是GeomiconsOpen的一个React图标组件，它是基于矢量的，因此开发人员能够创建可缩放的图标。我们还可以自定义图标的大小和颜色。在线地址：https://jxnblk.github.io/react-geomicons/

13. ReactEvilIcons
ReactEvilIcons是一个简单干净的SVG图标包，带有支持Rails、Sprockets、Node.js、Gulp、Grunt和CDN的代码。在线地址：https://evil-icons.io/

14. ReactBytesizeIcons
ReactBytesizeIcons允许开发人员在React项目中使用SVG。这个库是一组React组件，它们主要应用于图标按钮、图标按钮+文字、图标列表、SVG加载器。在线地址：https://danklammer.com/bytesize-icons/

15. ReactMaterialIcons
ReactMaterialIcons图标是一个简单的React组件。它基于react-shells库，适用于react15.0或更高版本。在线地址：http://friktor.github.io/react-material-icons/