flutter有哪些常用的icons图标

最近在学习Flutter开发，发现官方提供的Icons类里有很多内置图标，但不太清楚哪些是最常用的。想请教一下大家，在Flutter项目中一般会高频使用哪些Material Design图标？比如做底部导航栏、按钮或者列表项的时候，你们通常会选择哪些图标？另外除了Icons类自带的图标，还有哪些好用的第三方图标库推荐吗？

2 回复

Flutter 常用的图标主要来自 Icons 类，包含 Material Design 图标库。常用图标示例：

  1. 基础图标

    • Icons.home（主页）
    • Icons.search（搜索）
    • Icons.person（用户）
    • Icons.settings（设置）
    • Icons.notifications（通知）

  2. 操作类

    • Icons.add / Icons.delete（增删）
    • Icons.edit（编辑）
    • Icons.share（分享）
    • Icons.favorite（收藏）

  3. 导航与方向

    • Icons.arrow_back（返回）
    • Icons.menu（菜单）
    • Icons.refresh（刷新）

  4. 文件与媒体

    • Icons.image（图片）
    • Icons.play_arrow（播放）
    • Icons.download（下载）

可通过 Icon(Icons.xxx) 直接调用，也支持自定义图标（如 IconButton 或第三方库）。完整列表可查看 Material Icons 官网。

更多关于flutter有哪些常用的icons图标的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


Flutter 提供了丰富的内置图标，主要通过 Icons 类访问，这些图标基于 Material Design 图标库。以下是一些常用分类及示例：

常用图标示例

  1. 基础操作

    • Icons.home：首页
    • Icons.search：搜索
    • Icons.settings：设置
    • Icons.notifications：通知

  2. 导航与操作

    • Icons.menu：菜单
    • Icons.arrow_back：返回
    • Icons.add：添加
    • Icons.delete：删除

  3. 内容与媒体

    • Icons.favorite：收藏（心形）
    • Icons.share：分享
    • Icons.play_arrow：播放
    • Icons.star：评分

  4. 社交与用户

    • Icons.person：个人资料
    • Icons.group：群组
    • Icons.chat：聊天

  5. 文件与设备

    • Icons.file_download：下载
    • Icons.wifi：Wi-Fi
    • Icons.battery_full：电池

使用方法

在代码中直接调用 Icons.图标名称，例如：

Icon(Icons.star, color: Colors.amber, size: 30),

注意事项

  • 所有图标均支持颜色、大小等自定义属性。
  • 如需更多图标，可查看 Material Icons 官方列表。
  • 若需自定义图标，可使用 Icon 组件的 IconData 导入字体文件。

通过 Flutter 的 Icons 类，可快速实现符合设计规范的界面图标。

回到顶部