Sunday, 14 July 2019

The Material Design Icons from the community for Flutter


material_design_icons_flutter

The Material Design Icons Icon pack available as set of Flutter Icons.
Based on Material Design Icons 3.6.95.

Installation

In the dependencies: section of your pubspec.yaml, add the following line:
  material_design_icons_flutter: 3.2.3695
YAML

Usage

import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';

class MyWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return new IconButton(
      // Use the MdiIcons class for the IconData
      icon: new Icon(MdiIcons.sword), 
      onPressed: () { print('Using the sword'); }
     );
  }
}
Dart
Or, if you want to access the icon by a string name, you can use fromString method to create one.
This is not recomended because to make fromString work we need a map for all icon names. Using this method will not get the benifits of tree-shaking.
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';

class MyWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return new IconButton(
      // Use the string name to access icons.
      icon: new Icon(MdiIcons.fromString('sword')), 
      onPressed: () { print('Using the sword'); }
     );
  }
}
Dart

Name Conversion

Some icons' name is reversed keyword in Dart (and most other languages), so the names have been changed.
  • null -> nullIcon
  • switch -> switchIcon
  • sync -> syncIcon
  • factory -> factoryIcon

GitHub

The Material Design Icons (https://materialdesignicons.com/) Icon pack available as set of Flutter Icons. — Read More
Latest commit to the master branch on 5-21-2019
Download as zip