发现UIcons Freepik的雷竞技官方微博新用户界面图标

如果你是一个程序员或一个设计师,您可能已经使用过UI图标(用户界面图标)。他们是至关重要的任何网站的工具。在这里Flaticon我们总是想使你的工作更容易,t帽子就是为什么我们UIcons开发。UI图标web使用专门为程序员创建和优化。
UIcons你会帮助用户交互和滚动你的网站在一个直观的、快捷的方法。这将改善用户的体验,也将给你的网站一个令人难以置信的看。

UIcons特性

这些图标不只有美丽,但是也很有用。真的有用。

移动设备优化:如果你的项目考虑响应设计,UIcons是关键部分。即使在小的尺度上,他们很容易被激活,而且,没有被畸形的风险。

时间:我们UIcons一些最好的和公认的设计。这使得它们更容易被用户理解和创建项目时将节省您的时间。

审美和谐:UIcons帮助合成概念,引导用户通过我们的网站或应用程序。同时,他们添加审美价值和个性。
你能想象一个web这只是文本吗?

Webfonts

当你使用UIcons webfonts你确保你的网站是打火机。这是一个伟大实践主要是因为你减少加载时间。
设计你的网站的时候,图标可以帮助很多用户体验。
以下图标包会给你你所需要的项目。

您可以应用的CDN。只是将它添加在CSS文件中,<头>部分中你的网站,或者在CSS @ import,复制链接你可以找到在这里在登录之后Flaticon。或者,你也可以让他们通过下载包。

一旦你完成它,复制/ webfonts文件夹和/ css / uicons -(样式). css在你的项目的静态活性物目录(或者无论你喜欢有你的前端主动语态)
将一个引用添加到/ css / uicons -(样式). css / css / uicons(样式). css文件从<头>您想要使用的每一页UIcons。

取代uicons——(样式). css风格的名称您已经下载了。

它应该是这样的:

<头>
<链接的href = " / your-path-to-uicons / css / uicons -(样式)。css样式表" rel = " " >
< !加载所有样式- >
< / >头
<身体>
<我类= " fi fi-ro-user " > < / i >
<我类= " fi fi-ro-arrow-right " > < / i >
<我类= " fi fi-ro-book " > < / i >
<我类= " fi fi-ro-clean " > < / i >
< /身体>

添加一些样式

首先,你需要下载每个风格你想要在您的项目中使用。
UIcons允许您使用两个不同的角落样式(圆形和直)三个不同的权重(常规,大胆和固体)。

这只是一个小的款式你可以选择从。

为什么你会使用UIcons么?

一方面,他们的许可证允许您使用他们用于商业和个人项目,数字和印刷媒体,在世界任何地方。你得到大图标,可以轻易修改和调整。
同时,你可以在三种不同的方式使用它们。作为一个SVG,因为CSS,或者Webfonts。三个选择你所希望的方式工作。

发现Flaticon的UIcons为您的网站和应用程序,一个至关重要的工具。