Flutter图标符号插件symbols_icon_pack的使用

Symbols Icon Pack

Flutter包，提供Symbol图标。适用于代码编辑器的文件图标。基于Symbols - File Icons。

特别感谢miguelsolorio为Visual Studio Code创建了这个出色的图标包！

特性

• 文件夹图标（73项）

使用

import 'package:flutter/material.dart';
import 'package:symbols_icon_pack/symbols_icon_pack.dart';

class IconWidget extends StatelessWidget {
  const IconWidget();

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Card(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Icon(SymbolsFolderIcons.folderIos), // 使用文件夹图标
          const SizedBox(height: 8), // 添加间距
          Text('Folder IOS'), // 显示文字
        ],
      ),
    );
  }
}

截图

完整示例代码

以下是一个完整的示例代码，展示如何在应用中使用symbols_icon_pack插件。

import 'package:flutter/material.dart';
import 'package:symbols_icon_pack/symbols_icon_pack.dart';

const title = 'Symbols Icon Pack';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: title,
      home: const MyHomePage(),
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        useMaterial3: true,
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text(title)), // 设置AppBar标题
      body: Center(
        child: GridView(
          shrinkWrap: true, // 缩放包装
          scrollDirection: Axis.vertical, // 滚动方向
          padding: const EdgeInsets.all(16), // 内边距
          gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
            mainAxisSpacing: 16, // 主轴间距
            crossAxisSpacing: 16, // 横轴间距
            maxCrossAxisExtent: 100, // 最大横轴扩展
          ),
          children: const [
            Icon(SymbolsFolderIcons.folder), // 文件夹图标
            Icon(SymbolsFileIcons.angular), // Angular文件图标
            Icon(SymbolsFolderIcons.folderActions), // 文件夹动作图标
            Icon(SymbolsFileIcons.java), // Java文件图标
            Icon(SymbolsFolderIcons.folderAndroid), // Android文件夹图标
            Icon(SymbolsFileIcons.dart), // Dart文件图标
            Icon(SymbolsFolderIcons.folderAngular), // Angular文件夹图标
            Icon(SymbolsFileIcons.js), // JavaScript文件图标
            Icon(SymbolsFolderIcons.folderApp), // 应用程序文件夹图标
            Icon(SymbolsFileIcons.go), // Go文件图标
            Icon(SymbolsFolderIcons.folderAssets), // 资源文件夹图标
            Icon(SymbolsFileIcons.markdown), // Markdown文件图标
            Icon(SymbolsFolderIcons.folderAuth), // 认证文件夹图标
            Icon(SymbolsFileIcons.c), // C语言文件图标
            Icon(SymbolsFolderIcons.folderBlue), // 蓝色文件夹图标
            Icon(SymbolsFileIcons.cplus), // C++文件图标
            Icon(SymbolsFolderIcons.folderBlueCode), // 蓝色代码文件夹图标
            Icon(SymbolsFileIcons.yaml), // YAML文件图标
            Icon(SymbolsFolderIcons.folderBlueOutline), // 蓝色轮廓文件夹图标
            Icon(SymbolsFileIcons.docker), // Docker文件图标
            Icon(SymbolsFolderIcons.folderConfig), // 配置文件夹图标
            Icon(SymbolsFileIcons.vue), // Vue文件图标
            Icon(SymbolsFolderIcons.folderConstants), // 常量文件夹图标
            Icon(SymbolsFileIcons.ts), // TypeScript文件图标
            Icon(SymbolsFolderIcons.folderContext), // 上下文文件夹图标
            Icon(SymbolsFileIcons.text), // 文本文件图标
            Icon(SymbolsFolderIcons.folderDatabase), // 数据库文件夹图标
            Icon(SymbolsFileIcons.svg), // SVG文件图标
            Icon(SymbolsFolderIcons.folderCore), // 核心文件夹图标
            Icon(SymbolsFileIcons.node), // Node.js文件图标
            Icon(SymbolsFolderIcons.folderGithub), // GitHub文件夹图标
            Icon(SymbolsFileIcons.kotlin), // Kotlin文件图标
            Icon(SymbolsFolderIcons.folderFirebase), // Firebase文件夹图标
            Icon(SymbolsFileIcons.php), // PHP文件图标
            Icon(SymbolsFolderIcons.folderHelpers), // 辅助文件夹图标
            Icon(SymbolsFileIcons.python), // Python文件图标
            Icon(SymbolsFolderIcons.folderImages), // 图片文件夹图标
            Icon(SymbolsFileIcons.erlang), // Erlang文件图标
            Icon(SymbolsFolderIcons.folderShared), // 共享文件夹图标
            Icon(SymbolsFileIcons.firebase), // Firebase文件图标
            Icon(SymbolsFolderIcons.folderServices), // 服务文件夹图标
            Icon(SymbolsFileIcons.mongo), // MongoDB文件图标
            Icon(SymbolsFolderIcons.folderSupabase), // Supabase文件夹图标
            Icon(SymbolsFileIcons.react), // React文件图标
            Icon(SymbolsFolderIcons.folderIos), // iOS文件夹图标
            Icon(SymbolsFileIcons.prisma), // Prisma文件图标
            Icon(SymbolsFolderIcons.folderHooks), // Hooks文件夹图标
            Icon(SymbolsFileIcons.rust), // Rust文件图标
          ],
        ),
      ),
    );
  }
}