zhibo/uni_modules/flower-iconPark

多平台 uni-app 生态 iconPark 图标库 ，构建高质量、统一化、可定义的图标资源。

简述

图标库是一个通过技术驱动矢量图标样式的开源图标库，可以实现根据单一SVG源文件变换出多种主题， 具备丰富的分类、更轻量的代码和更灵活的使用场景；致力于构建高质量、统一化、可定义的图标资源，让大多数人都能够选择适合自己的风格图标。

特点

• 提供超过2000+预设图标，分类
• 支持4种主题和在线换肤：线性、填充、双色、四色
• 网站提供 复制Vue组件 便捷操作

iconfont-阿里巴巴矢量图标库

iconPark高质量统一化图标，有需要的小伙伴们自行取用，免费，免费，免费。

图标库说明

• 图标库遵循uni_modules规范：组件库无需引用、注册，即可直接在页面中使用。不管组件库目录内存在多少个组件，打包后会自动剔除没有使用的组件，对组件库的使用尤为友好。
• 每个图标组件均小于1.5KB，图标库的实际大小取决于项目中使用到多少个图标组件。

交流反馈

官方QQ群：654105306

源码

兼容性

Vue 版本

Vue2	Vue3
√	√

uni-app 版本

app-uvue	app-vue	app-nvue	各端小程序	H5
√	√	√	√	√

uni-app-x 版本

android	ios	web
√	√	√

图标预览

图标预览地址：flower-iconPark 图标预览

使用方式

在图标预览中 点击图标 即可复制，然后粘贴在页面代码中使用。

图标示例

<fr-icon-aiming theme="outline" :size="24" :fill="['#000000']" />

Props

属性	类型	可选值	默认值	说明
size	Number	-	24	图标大小
strokeWidth	Number	-	4	线段粗细
theme	String	线性：outline 填充：filled 双色：two-tone 多色：multi-color	outline	图标风格
fill	Array	-	['#000000']	图标颜色
strokeLinecap	String	round、butt、square	round	端点类型
strokeLinejoin	String	round、miter、bevel	round	拐点类型
@click	HandleEvent	-	-	点击事件

适用领域

基于 uni-app OR uni-app-x 生态开发的组件库，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

版权信息

• 遵循 MIT 开源协议，无需支付任何费用，也无需授权，即可将框架应用到产品中。
• 仅供学习交流，如作它用所承受的法律责任一概与作者无关。

说明

图标库来源于高质量免费图标库 iconPark - 字节跳动出品，致谢 iconPark 官方所有工作人员，点赞。

因 iconPark 图标库官方暂时不支持 uni-app 平台使用，作者耗费大量的人力物力及时间将 iconPark SVG 图标库转化，以供 uni-app 多平台化使用的图标库。

致谢

首先感谢 DCloud 官方，旗下出品的 uni-app 、uniCloud、uni-app 小程序 等多平台、多元化的技术体系。
其次感谢 DCloud 插件市场 开源作品的作者们，"捧着一颗心来，不带半棵草去。" 的开源奉献精神致敬。