flower-iconPark 图标库，全平台全版本兼容

更新记录

1.1.21（2024-05-07）下载此版本

【官方文档】flower-iconPark 图标库
【版本兼容】全平台全版本兼容(uni-app / uni-app-x)
【开发版本】HBuilderX - 4.14+
【组件说明】图标库遵循 uni_modules规范按需打包，每个图标均在1.5KB左右，图标库打包的实际大小取决于项目中使用到图标组件个数
【更新内容】同步uni-app / uni-app-x 使用方式

1.1.20（2024-04-29）下载此版本

【官方文档】flower-iconPark 图标库
【版本兼容】全平台全版本兼容(uni-app / uni-app-x)
【开发版本】HBuilderX - ^4.13+
【文档更新】文档地址变更，小伙伴使用flower-iconPark 图标库

1.1.19（2024-04-29）下载此版本

【官方文档】flower-iconPark 图标库
【版本兼容】全平台全版本兼容(uni-app / uni-app-x)
【开发版本】HBuilderX - ^4.13+
【重要更新】插件 id 名称调整，由 flower-icons 改 flower-iconPark，小伙伴们需要重新下载插件使用。

平台兼容性

Vue2	Vue3
√	√

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
HBuilderX 4.14 app-vue app-nvue app-uvue	√	√	√	√	√	√

钉钉小程序	快手小程序	飞书小程序	京东小程序
√	√	√	√

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
√	√	√	√	√	√	√	√	√

多平台 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 开源协议，无需支付任何费用，也无需授权，即可将框架应用到产品中。
仅供学习交流，如作它用所承受的法律责任一概与作者无关。

说明

logo

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

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

致谢

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