Using Material Icons in Flutter

Last Updated On Thursday 2nd Jun 2022

flutter material icons

The material icons are

  • Delightful,
  • Beautiful symbols for common operations and projects.

Material icon flutter

  • Icons are important aspects of mobile app user interface. Material icons are those which follow material design guidelines and they can make your app look more beautiful.
  • Material Design Icons growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project.

In your pubspec.yml file, there is a property that is true by default. It’s called uses-material-design and is located directly under the (root) flutter key of the file.

Here’s the Link for Material Icons

	flutter:
  # The following line ensures that the Material Icons font is
  # included with your application, so that you can use the icons in
  # the material Icons class.
  uses-material-design: true
	

You are now able to use the icons by importing the material package like this:

	import 'package:flutter/material.dart';
	

You Can Call the icon Like below.

	Icon(
  Icons.fingerprint,
),
	
	import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: MaterialApp(
        title: 'Material Icons',
        debugShowCheckedModeBanner: false,
        theme: ThemeData(primarySwatch: Colors.blue),
        home: Scaffold(
          appBar: AppBar(
            title: Text('Material Icons'),
            centerTitle: true,
          ),
          body: Center(
            child: Icon(Icons.language),
          ),
        ),
      ),
    );
  }
}
	

You can set the size and color of the icon

	Icon(
  Icons.access_alarm,
  size: 30,
  color: Colors.red
);
	
flutter material icon
material icons in flutter
material symbols flutter
material icon in flutter
material icons flutter
google icons flutter
flutter google icons
google icons in flutter
flutter icons
flutter icons material
flutter icon material
material flutter icons
icon material flutter
flutter material design icons
flutter/material icons
materialicons flutter
material dart icons
material icons
icons material flutter
flutter icon