The Material Design Icons from the community for Flutter

by Flutter Awesome

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

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'); }
     );
  }
}

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'); }
     );
  }
}

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

https://github.com/ziofat/material_design_icons_flutter