Notice: Undefined variable: user_id in /home/thetexvn/domains/thetexvn.com/public_html/blogs/follow.php on line 40
Icon Widget in Flutter | by Zia | TEXVN

Conversation

Your input fuels progress! Share your tips or experiences on prioritizing mental wellness at work. Let's inspire change together!

Join the discussion and share your insights now!

Comments 0


advertisement

Icon Widget in Flutter

Icon in Flutter

Icons can be used as representative symbols for quick understanding of functionality, navigation of paths, and so on.

Following are some examples that are discussed:

  • Basic Icon widget with default values.
  • Resize the icon using the size property.
  • Change the icon color using the color property.


The Icon Widget use in FLutter:

import 'package:flutter/material.dart';

void main() {
  runApp(MyWidget());
}

class MyWidget extends StatelessWidget {
  const MyWidget({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Icon Widget in Flutter'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Icon(
               Icons.abc_outlined,
               size: 50.0,
               color: Colors.amber
             ),
            ],
          ),
        ),
      ),
    );
  }
}


Icon Widgets in Flutter: Complete Styling Guide | Flutter Tutorial



Flutter Widgets Icon in Flutter Icon widget in flutter flutter icon widget how to add icon in flutter add icon in flutter

advertisement