Hello, in this video I am going to show you icons. So if you watch some of my other videos, then you may have already seen icons in play but within the icon button, where real is in the tab bar, it's been used all over the place. But this is a dedicated video for icons, I'll be demonstrating them in stoplight icon buttons. But this is mainly just about icons, icons themselves on interactive. They're basically an you know, an aesthetic implementation that are used in conjunction with something like a button. So the actual format for Nikon is our I would do I would do it outside.
Yeah, we can get rid of this. I don't need any of this. Get rid of that shouldn't need any of that. And so the form of our economies icon, then we can name it. So that's the ICN equals icon and inside of here, we Because that's why you dropped in. So we can specify icons don't yet.
So we've created our icon right here with a particular icon. And as you can see the icons right there. And to implement this we would, again implemented in something. So we could use a child, you can use a raised button, or a button we want to use a, an icon button sorry, icon but for the icon, we could either do icon icons dot, you know that for example, or we could implement the one we've just created which is noisier and save it. And let's see what yeah. So we have our icon it obviously it's not clickable because we have nothing for the on press.
But again, you can check that out in the separate part of the video. So what else can you do with icons if we go here you can change the color. So let's modify the colors to the color dot red my favorite color to be watching watching the series you already know that color did not change let me do a hot restart. Okay, that just required a hot restart. If you ever do any change in flutter and the hot reload you know this button or the automatic save hot reload, do not work, just do a hot restart. This should fix everything.
If it doesn't then I'll say shut it down, then reopen it and that will basically install the APK but hot restart was a lot quicker than you know shouldn't be shutting down and reopen it will fix mostly Okay, so you can change the size as well if you want to so we can set the size to 200. Again, it would appear that I need a hot restart. And there we go. We have a hot restart, but I'm happy with the default size and you can change the text direction as well if you have some text with it, but that's really all there is to it for icon let's want to create a dedicated video. So you can either you know implement this part directly So I could literally copy that and put it up there. So anywhere that you would have the icon property, you could put that.
But if you are going to be reusing it again and again and again, you're probably wanting a variable and you just specify the actual variable. So that's it. If you have any questions, feel free to pop me a message. And as usual, I look forward to seeing you in the next video.