#Icon - Guide to Solve different kinds of Problems

Browse the beautiful apps built using Flutter

How to Change Back Button Icon in Flutter

How to Change Back Button Icon in Flutter

In this example, we are going to show you how to change the back button which appears on AppBar while you navigate to a new page in Flutter. You can also disable the back button. Here, you will learn to replace the default back button with the new icon.

How to Change Drawer Icon in Flutter

How to Change Drawer Icon in Flutter

In this example, we are going to show you how to change the drawer menu hamburger icon in Flutter. You will also learn to change the icon size and color. After changing the icon, we will implement drawer open and close functionality on icon button.

How to Show Counter Badge on Icon, Button or Widgets in Flutter

How to Show Counter Badge on Icon, Button or Widgets in Flutter

In this example, we are going to show you how to show a counter badge on icons, icon buttons, buttons, or any widget in Flutter. The counter badge is very necessary on cart buttons, inbox buttons, orders like UI.

How to add Icon/Icon Button in Flutter

How to add Icon/Icon Button in Flutter

In this example, we are going to show you how to add icons to your Flutter app. You will also learn to change the size, color, or icon as well as to add icon buttons, and make the default icon clickable in your Flutter App.

How to add Icon on Elevated Button in Flutter App

How to add Icon on Elevated Button in Flutter App

In this example code, we are going to show you the easiest way to add icon on Elevated Button. Icons are very important to represent the action of task of any widget inside app.

Flutter Desktop - How to Change App Icon for Windows, MacOS and Linux

Flutter Desktop - How to Change App Icon for Windows, MacOS and Linux

In this example, we are going to show you the best way to change the icon of the desktop applications on all platforms such as Windows, macOS, and Linux. See the easy steps below to change the app icon of a desktop application.

How to Use Flat Icons in Flutter App

How to Use Flat Icons in Flutter App

In this example, we are going to show you the way to use Flat Icons in Flutter App. Flat Icons are thin-weight icons that have very elegant looks.

How to make Status Bar transparent and icon light/dark on Flutter

How to make Status Bar transparent and icon light/dark on Flutter

For the interactive App user interface, some time we need to make status bar transparent. But whenever you make it transparent, its icon is not going to change color itself.

How to Use Font Awesome Icons in Flutter App

How to Use Font Awesome Icons in Flutter App

Flutter gives inbuilt icon pack to use in your app, but it has very few icon sets, so you have to depend on another icon packs. Font Awesome is one of the best icon pack for flutter or web applications.