Need help with material_design_icons_flutter?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ziofat
129 Stars 11 Forks MIT License 67 Commits 3 Opened issues

Description

The Material Design Icons (https://materialdesignicons.com/) Icon pack available as set of Flutter Icons.

Services available

!
?

Need anything else?

Contributors list

# 233,118
React N...
Materia...
rollup
HTML
41 commits
# 31,227
Node.js
process...
pm2
node
3 commits
# 164,687
Shell
q
Dart
Flutter
1 commit

Gitpod Ready-to-Code

materialdesignicons_flutter

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

Based on Material Design Icons 5.8.55. See a web demo build with this package.

👍 Like us on pub.dev!

Installation

In the

dependencies:
section of your
pubspec.yaml
, add the following line:
  material_design_icons_flutter: 4.0.5855

WARNING: MDI's version is based on their icons quantity, which does not strictly respect semver guide. They do try their best to keep icons in same name between minor releases but name changing may still appear. To not break your application, using a fix version in your

pubspec.yaml
is highly recommended.

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

Note: 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.

On flutter 1.22 and above, using

fromString
method will also cause a compile error
This application cannot tree shake icons fonts
, which can be bypass by building with
--no-tree-shake-icons
.

Name Conversion

Some icons' names are reserved keywords in Dart (and most other languages), so they have been changed.

  • null
    ->
    nullIcon
  • switch
    ->
    switchIcon
  • sync
    ->
    syncIcon
  • factory
    ->
    factoryIcon

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.