更新记录

1.0.0（2026-01-21） 下载此版本

1.0.0（2025-01-21）

平台兼容性

uni-app x(3.6.15)

Chrome Safari Android iOS 鸿蒙 微信小程序
√ √ √ √ √ √

其他

多语言 暗黑模式 宽屏模式
× × √

ms-icon - Material Symbols 图标组件

📦 为 uni-app 打造的 Google Material Symbols 图标组件

📋 简介

将 Google Material Symbols 图标库封装为 uni-app 组件，提供与官方完全一致的视觉效果。

特性

  • ✅ 视觉一致 - 使用 Google Material Symbols 原版字体
  • ✅ 离线可用 - 字体文件本地化，无需 CDN
  • ✅ 即插即用 - 支持 easycom 自动注册
  • ✅ 跨平台 - 支持 App/H5/微信小程序/鸿蒙

🚀 使用方式

基础用法

<ms-icon icon="home" />

自定义样式

<ms-icon icon="notifications" :size="32" color="#13ecb6" />

填充模式

<ms-icon icon="favorite" :fill="true" color="red" />

📖 API

属性 类型 默认值 说明
icon String - 图标名称 (必填)
size Number 24 图标大小
color String inherit 图标颜色
fill Boolean false 是否填充
weight Number 400 字重 100-700

🔍 图标查询

访问 Google Fonts Icons 查看所有可用图标。

使用图标名称时：

  • 使用小写 + 下划线格式
  • 例：图标 "Arrow Back" → icon="arrow_back"

📄 许可证

Apache License 2.0

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。