unicons

单人

1000多个像素完美的矢量图标和下一个项目的IconFont。这些图标是由IconScout设计的。

入门

用作字体

只需插入以下CSS即可在网站上使用Unicons。您也可以下载此存储库并使用css文件夹中的CSS。

 < link
  rel =" stylesheet "
  href =" https://unicons.iconscout.com/release/v4.0.0/css/unicons.css "
/>

并在下面使用body图标。

 < i class =" uil uil-comments " > </ i >

使用为NPM软件包

您可以使用NPM轻松安装UNICON。

npm install --save @iconscout/unicons

用作SVG

如果您是设计师，那么拥有SVG文件总是很棒的。您可以从官方Unicons网站下载SVG，也可以下载Icondrop，将这些图标直接访问Sketch，Adobe XD，Adobe Illustrator等。

在Flutter框架中使用

Pedro Lemos在Pub.Dev中可用，可以在您的项目中轻松使用Pedro Lemos创建的颤动软件包。

只需在您的pubspec.yaml文件中添加依赖项如下：

 dependencies :
  unicons : ^1.0.0+2

然后，运行上面的命令：

flutter pub get

另外，您的编辑器可能会支持flutter pub get 。检查您的编辑文档以了解更多信息。

现在，在您的飞镖代码中，导入包：

 import 'package:unicons/unicons.dart' ;

与JS框架一起使用

我们为诸如React，Vuejs和React Native之类的流行库创建了组件。您可以前往官方的Github Repo了解更多信息。

线样式

• for React：https：//github.com/iconscout/reaeact-unicons
• 对于vuejs：https：//github.com/iconscout/vue-unicons
• 对于反应本机：https：//github.com/iconscout/reeact-native-unicons

坚固的风格

• for React：https：//github.com/iconscout/reeact-unicons-solid
• 对于vuejs：https：//github.com/iconscout/vue-unicons-solid

单色风格

• for React：https：//github.com/iconscout/reeact-unicons-monochrome

更多方式（受社区支持）

• 安东·雷什托夫（Anton Reshetov）

路线图

• 制作反应组件
• 添加品牌图标
• 设计坚固的风格
• 设计薄线样式
• 支持CSS动画
• 制作SVG Sprite，用户可以控制不同属性，例如中风，填充，宽度，高度等。

贡献

我们很乐意为单人提供社区支持。请随意分叉并创建拉动请求。我们在上面的路线图上给出了一个小的路线图，以便您可以帮助我们构建这些功能。

图标请求

我们已经在IconScout社区创建了一个线程，您可以在其中请求新图标。我们将很乐意在接下来的几周内设计它们。

执照

Unicons是开源图标，并根据ICONSCOUT简单许可获得许可。您可以在个人和商业项目中自由使用这些图标。我们希望在您的应用程序的屏幕上看到归因，但这不是强制性的。

Unicons by < a href =" https://iconscout.com/ " > IconScout </ a >