# आइकन विजेट (Icon Widget)

According to the official documentation, 

> Icon is a graphical icon widget drawn with a glyph from a font

- Widget example
- Theme based values
    - Material app
    - IconTheme
-  Why directionality
-  IconData
    - What happens when we remove use-material-design
    - Trying out other IconData
- Improvement
    - Multicolour icons
    - Non-square Icons

Let's see how to create a simple icon Widget

%[https://gist.github.com/imrhk/84a7c7c4ea00b68e33e02d413d156699]

![1.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1653913818072/xiBee1h1i.jpg align="left")

Icon size can be changed but they are always going to remain square. Let's add size to the above icon widget

```dart
Icon(
    Icons.favorite,
    size: 96,
)
```

![1.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1653914303939/f5Yhyo9yp.jpg align="left")

Icon color can be changed but there can be only single color. There are ways you can use shader to color your icons in different texture but that is beyond the scope of this article. 

%[https://www.youtube.com/watch?v=wI_a-vP7Hq4&t=7s&ab_channel=ScaffoldingwithRahul]