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

Sharpen your coding skills—try JavaScript challenges on TOOLX now!

advertisement

Icon Widget in Flutter

Profile Image

Zia

2 Followers

Sep 1, 2024
-
0 sec read
281
0
0
0

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

Profile Image

Published by: 

2 Followers

Zia

Zia, founder and CEO of Texvn and Toolx, is a passionate entrepreneur and tech enthusiast. With a strong focus on empowering developers, he creates innovative tools and content, making coding and idea generation easier.

More From: 
Zia
PHP
What is PHP and how...

PHP is a widely used opensource generalpurpose scripting language,suitable for web development. ...
Profile Image
Zia
Mar 19, 2024
455
0
0
0
datepicker and timepicker in flutter
The DatePicker and TimePicker Widget...

This is a Material widget in a Flutter that allows the user ...
Profile Image
Zia
Aug 26, 2024
346
0
0
0
Impact of technology
The Impact of Technology on...

In the impact of technology in our daily lives, technology has taken ...
Profile Image
Zia
Jun 1, 2024
429
0
0
0
Create WhatsApp Channel
How to Create a WhatsApp...

1. First, update your WhatsApp application if it is not updated.2. Open ...
Profile Image
Zia
Feb 19, 2024
394
0
0
0
Recomended
Indexed Database API
How to Use Indexed Database...

A database is an organized collection of data. Databases, such as relational ...
Profile Image
Zia
Jul 30, 2024
514
0
0
0
The Hidden Door A School Adventure
The Hidden Door - A...

It all started on a rainy afternoon when a group of five ...
Profile Image
Story Link
Feb 16, 2025
110
0
0
0
this keyword in c#
"this" Keyword in c#

This keyword is used to refer to the current object of the ...
Profile Image
Zia
Mar 22, 2024
434
0
1
0
Big reward Story
Big Reward

Once a hungry wolf was cramming his prey down. By chance a ...
Profile Image
Story Link
Aug 28, 2024
394
0
0
0