Flutter Icon
The icon widget allows you to quickly build icon widgets using a prebuilt list of material icons, available in the Icons class. You can specify the icon size and color.
Example - ‘icon’
This app simply displays 3 icons with different sizes and colors.Source Code
import 'package:flutter/material.dart';
void main() => runApp(new IconApp());
class IconApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
theme: new ThemeData(
primarySwatch: Colors.blue,
),
home: new HomeWidget(),
);
}
}
class HomeWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
Row row1 = Row(
mainAxisAlignment: MainAxisAlignment.center, // center horizontally
children: <Widget>[
const Icon(Icons.add),
const Text("Default size 24, default color black")
]);
Row row2 =
Row(mainAxisAlignment: MainAxisAlignment.center, // center horizontally
children: <Widget>[
const Icon(Icons.add, size: 48.0),
const Text("Specified ize 48, default color black")
]);
Row row3 =
Row(mainAxisAlignment: MainAxisAlignment.center, // center horizontally
children: <Widget>[
const Icon(Icons.add, size: 96.0, color: Colors.red),
const Text("Specified size 96, specified color red")
]);
return new Scaffold(
appBar: new AppBar(title: const Text("Icons")),
body: new Column(
mainAxisAlignment: MainAxisAlignment.center, // center vertically
children: <Widget>[row1, row2, row3]));
}
}