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

更新记录

1.1.16（2024-04-19）

【官方文档】flower-icons 图标库
【版本兼容】全平台全版本兼容(uni-app / uni-app-x)
【开发版本】HBuilderX - ^4.11+
【重要更新】uni-app 版本需在 main.js 中引入 import '@/uni_modules/flower-store/uni-app/main.js';，uni-app-x 版本无需引入。
【功能新增】添加图标HBuilderX代码块提示

1.1.15（2024-04-18）

【官方文档】flower-icons 图标库
【新增】 @click 点击事件
【版本兼容】全平台全版本兼容(uni-app / uni-app-x)
【开发版本】HBuilderX - ^4.11+

1.1.14（2024-04-18）

【官方文档】flower-icons 图标库
【修复】修复nvue页面图标显示缓慢Bug
【优化】优化图标显示性能
【版本兼容】全平台全版本兼容(uni-app / uni-app-x)
【开发版本】HBuilderX - ^4.11+

平台兼容性

Vue2	Vue3
√	√

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

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

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

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

关于

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

特点

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

图标库说明

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

交流反馈

官方QQ群：654105306

源码

Vue 版本

Vue2	Vue3
√	√

uni-app 版本

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

uni-app-x 版本

android	ios	web
√	√	√

图标预览

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

使用方式

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

注意： uni-app 项目需要在 main.js 中引入下面代码块中的js

// uni-app 项目需引入，uni-app-x 项目无需引入
// main.js
import '@/uni_modules/flower-store/uni-app/main.js';

图标示例

<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	-	['#333']	图标颜色
strokeLinecap	String	round、butt、square	round	端点类型
strokeLinejoin	String	round、miter、bevel	round	拐点类型

适用领域

基于 uni-app 生态开发的组件库，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 插件市场开源作品的作者们，"捧着一颗心来，不带半棵草去。" 的开源奉献精神致敬。