Ads by ProfitSence
Close

Using Material Icons in Flutter

Last Updated on Sunday 27th Nov 2022
Using Material Icons in Flutter

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