moon_icons 0.0.1 moon_icons: ^0.0.1 copied to clipboard
Moon Design System Icons. A collection of modern and beautifully crafted icons.
import 'package:flutter/material.dart';
import 'package:moon_icons_demo/icons_map.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: "Moon Icons Demo",
theme: ThemeData(),
home: const MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Moon Icons Demo"),
),
body: CustomScrollView(
slivers: [
SliverGrid.builder(
itemCount: iconsMap.length,
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
crossAxisSpacing: 8,
mainAxisExtent: 104,
),
itemBuilder: (BuildContext context, int index) {
return Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.end,
children: [
if (iconsMap.keys.toList()[index].contains("16"))
Icon(iconsMap.values.toList()[index], size: 16)
else if (iconsMap.keys.toList()[index].contains("24"))
Icon(iconsMap.values.toList()[index], size: 24)
else
Icon(iconsMap.values.toList()[index], size: 32),
const SizedBox(height: 20),
Text(
iconsMap.keys.toList()[index],
style: TextStyle(
fontSize: 10,
color: Colors.grey[600],
),
),
],
);
},
),
],
),
);
}
}