将 iconfont.cn 图标转换为 Flutter 组件

一个强大的 Dart 代码生成器，可以将 iconfont.cn 图标转换为 Flutter 组件，支持 SVG 渲染、多色图标和完整的空安全。

开始使用查看 GitHub

快速安装

dart pub global activate flutter_iconfont_generator

受开发者信赖

加入不断壮大的 Flutter 开发者社区

1.0.2
最新版本
MIT
开源项目
SVG
矢量图标
0KB
字体文件

为什么选择我们的生成器？

为现代 Flutter 开发设计的强大功能

命令行工具

简单的 CLI 界面，无需 build_runner。只需全局安装即可开始生成图标。

多色支持

使用 SVG 渲染技术渲染美丽的多色图标，支持自定义颜色。

纯净组件

无需字体文件！使用 SVG 渲染，包体积更小，性能更佳。

自动化生成

自动从 iconfont.cn 获取最新图标并生成干净的 Dart 代码。

空安全

完整的 Dart 空安全支持，通过枚举提供类型安全的图标引用。

简易安装

通过 dart pub 全局安装，提供完整的文档和示例。

简单易用

从配置到实现只需几个步骤

配置

# pubspec.yaml
iconfont:
  symbol_url: "//at.alicdn.com/t/font_xxx.js"
  save_dir: "./lib/iconfont"
  trim_icon_prefix: "icon"
  default_icon_size: 18
  null_safety: true

使用方法

// 基本用法
IconFont(IconNames.home)

// 自定义大小和颜色
IconFont(
  IconNames.user, 
  size: 24,
  color: '#ff0000'
)

// 多色图标
IconFont(
  IconNames.logo,
  size: 48,
  colors: ['#ff0000', '#00ff00', '#0000ff']
)

准备开始了吗？

立即使用美丽的 iconfont 图标改造您的 Flutter 应用

安装包查看示例