平纹
开放源代码超过4,000 SVG和网络字体优化矢量图标,可用于网络,iOS和Android应用.
新图标品牌
超过20,000个图标
SVG 图标
图片组件
目录
开始
通过 npm 安装最新版本
npm i @flaticon/flaticon-uicons
使用软件包管理器
此软件包包含以下目录和文件:
| 路径 | 这是什么 |
|---|---|
| /编: | Web 字体样式表 |
HTML 包含
转到您可以在其中找到的用户指南 平纹
CSS @ 导入
1. 所有图标
@import "~@flaticon/flaticon-uicons/css/all/all";
2. 单一风格
@import "~@flaticon/flaticon-uicons/css/{FONTWEIGHT}/{STYLENAME}";
@import "~@flaticon/flaticon-uicons/css/brands/all";
| 热 | CORNER 转录器 | 序言 | 实例 |
|---|---|---|---|
| 经常 | 四舍五入 | fir -rr (英语) | <i class="fi fi-rr-user"></i> |
| 粗体 | 四舍五入 | 纤维 | <i class="fi fi-br-user"></i> |
| 固态 | 四舍五入 | fi- sr (英语) | <i class="fi fi-sr-user"></i> |
| 经常 | 直线 | 纤维 | <i class="fi fi-rs-user"></i> |
| 粗体 | 直线 | 纤维 | <i class="fi fi-bs-user"></i> |
| 固态 | 直线 | 单子 | <i class="fi fi-ss-user"></i> |
| 品牌 | 品牌 | fi- 品牌 | <i class="fi fi-brands-facebook"></i> |
| 细 | 四舍五入 | fi-tr (双子) | <i class="fi fi-tr-circle-user"></i> |
| 细 | 直线 | 单子 | <i class="fi fi-ts-circle-user"></i> |
3. 实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<i class="fi fi-rr-user"></i>
<i class="fi fi-br-arrow-right"></i>
<i class="fi fi-sr-book"></i>
<i class="fi fi-rr-broom"></i>
</body>
</html>
4. 许可证摘要
我们的执照允许您使用内容:
商业和个人项目 数字媒体或印刷媒体 无数次 永远 在世界任何地方 修改和衍生作品
本案文仅供参考。 它不构成任何合同义务。 更多信息,请读我们 使用期限 在使用内容之前
5. 如何归属
创建质量图标需要大量的时间和精力. 我们只要求您添加一个小的归属链接. 选择要使用资源的介质 .
复制这个链接并粘贴到任何可见的地方, 接近您使用资源的地方 。 如果无法做到这一点,请在您的网站、博客或通讯的页脚或信用栏目上登出.
Uicons by <a href="https://www.flaticon.com/uicons">Flaticon</a>