15个有用的React图标组件

图标是产品用户界面中至关重要的元素,可实现与之成功和有效的交互。所以在这篇文章中’我们收集了15个有用的React Icon组件,以带来更多的交互性,更好的UI设计以及更简洁的代码。

反应图标

通过React-icons轻松地在React项目中包括流行的图标,这利用了ES6导入,允许您仅包括项目正在使用的图标。

反应图标


样式的图标

流行的图标包(如Font Awesome,Material Design和Octicons)可作为React Styled Components获得。

样式的图标


反应羽毛

它是React.js的简单漂亮的开源图标的集合。每个图标都设计在24×24格强调简单性,一致性和可读性。

反应羽毛


反应社会图标

一套漂亮的svg社交图标。易于在React中使用。没有图像或外部CSS依赖性。由Squarespace提供的SVG路径。

反应社会图标


反应图标套件

要使用react-icons-kit,请导入Icon组件以及来自任何图标集的图标。您可以使用size属性设置图标的大小。 size属性可以采用百分比而不是数字,以便可以使用容器的大小。

反应图标套件


Iconify反应

Iconify是字形字体的现代开源SVG替代品。它是一个统一的框架,旨在为所有流行的图标集提供一种易于使用的语法:“真棒字体”,“材质设计图标”,“果酱图标”以及多种表情符号集:Noto Emoji,Twemoji,EmojiOne,Firefox OS Emoji。

Iconify反应


反应图标

SVG图标集合,请查看演示中的图标列表。

反应图标


反应 Icon工厂

只需添加图标SVG,react图标工厂将制造一个自定义图标组件!

反应 Icon工厂


反应文件图标

反应组件可轻松呈现svg文件图标。

反应文件图标


反应发

字体真棒图标作为React组件。

反应发


反应Unicons

1000+像素完美的矢量图标作为React Components。这些图标由Iconscout设计。

反应Unicons


反应地球微生物

Geomicons打开的React图标组件。

反应地球微生物


反应邪恶的图标

邪恶的图标作为反应组件。

反应邪恶的图标


反应字节大小图标

每个图标均沿32位手工编码×32格,并使用SVG笔触,以实现最大的样式灵活性;这意味着您可以调整权重,颜色,大小以及是否要使边缘为圆形或正方形。

反应字节大小图标


反应材料图标

反应中动画材质图标的简单组件。在react 15.0或更高版本中可以正常工作。

反应材料图标


发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.