In my opinion – it is great that Flutter provides build-in Material Icons – most commonly used forms and all kinds of user interfaces. One of the powers of platforms are their commonality – so there is small to none learning curve of everyday users.
- – You have a disadvantage if you want to have custom user interface. You will need to design components from scratch.
- +But, for developers that have bad design skills – it is perfect solution.
Check Boxes
It represents a checked pr unchecked checkbox or success or availability of something. It is user interface representation of a flag. You could choose from sqaure, circles, filled and empty, checkboxes for lists and elevated squares.
Close
There are less variations for the close button or cancel action icon. Here you have also an example added shadow.
Home
It represents the home, work place or main screen of an application. There is also an add-home, filled and outline options.
Menu
It represents a menu or navigation drawer, also called sandwich (three horizontal lines).
Search
It represents a search input field or search action. There are variations for search in list, in image, in computer and also GPS location search.
Info
It represents an information icon or details. You could choose from very few options – outline, filled and in-device.
Person
There are a lot of icons that represent a user profile or account. You could choose from filled and outlined, plus in the left and right, man or woman, search and in bubble.
Favorite
Heart or favorite icons are relatively few.
Settings
Settings icon is common in many applications. There are configuration icons with – outline and filled, in box, next to device, video etc. Under the settings section you could find all kinds of stuff related to settings – accessibility, bluetooth, display, internet, power, voice.
Email or messaging are crucial part of everyone’s lives – so you have prebuild icons for that – checked, new, locked, the email symbol @ as icon, voice mail, mail box, etc.
Checl out all the available Flutter Material Icons on their site. There are many more icons available in the Material Icons library that can be used to enhance the user interface of a Flutter application – without the need to be a designer. You could customize them – by color, size, shadows and even add label (that better be added for better app accessibility).
This article has been in majority generated by ChatGPT with the help of my OpenAI wrapper. You could check it out at: https://programtom.com/dev/product/gpt-spring-boot-micro-service/