在开始之前 ✋。我想告诉你，添加到我的空间里的每一个星号 ? 都会照亮我的世界，激励我 ? 制作更多像这样的精彩内容，所以请不要忘记给我一个星号并喜欢这个项目。

Iconify Flutter

likes GitHub stars HitCount

不仅仅是另一个图标库。它包含 +100 个开源图标集，让您的 flutter 应用更美观。

如何使用？?

就像这样简单

import 'package:iconify_flutter/iconify_flutter.dart';
import 'package:iconify_flutter/icons/zondicons.dart'; // for Non Colorful Icons
import 'package:colorful_iconify_flutter/icons/emojione.dart'; // for Colorful Icons
....

:
Iconify(Zondicons.airplane)
Iconify(Emojione.baby)
// as widgets

发现所有图标 ?️

要浏览所有图标，请 点击此处

如何将 svg 用作 iconify 图标 ✏️

import 'package:iconify_flutter/iconify_flutter.dart';

....

const String svgIcon =
'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="#000000" d="M3 3h18v18H3z"></path></svg>
' // svg file as string

Iconify(svgIcon) // as a widget

获取特定图标集的图标列表 ?

import 'package:iconify_flutter/icons/zondicons.dart';

...
Zondicons.iconsList // List of all icons of VS Code icon set

重要提示 ❗

所有图标集都是免费的，但某些集合在用于商业目的时需要注明出处。请参阅 此列表 中的集合及其许可证。

感谢 ?

感谢 @cyberalien 他的精彩图标框架 Iconify，本软件包基于此框架

感谢 @antfu 他的网站 icones

感谢拥有图标集的 @IconDesigners

感谢 ? 您通过在 flutter 社区中分享此软件包来支持我！

梦想 ?

  • 在 pub.dev 上获得前 100 个点赞
  • 在 github.com 上获得前 100 个星标
  • 为软件包添加测试
  • 获得 Flutter 喜爱徽章
  • 为 iconify_flutter 添加彩色图标

GitHub

查看 Github