1 00:00:01,670 --> 00:00:06,410 OK, in this video, I want to talk about adding an icon, if you look at our sublime text up here at 2 00:00:06,410 --> 00:00:09,760 the top, there's this little s icon, right? 3 00:00:09,920 --> 00:00:13,360 If we were on our program, you notice there's this little feather. 4 00:00:13,370 --> 00:00:15,650 That's the Kintore logo, I guess. 5 00:00:15,920 --> 00:00:17,960 And it's just by default, it puts it up there. 6 00:00:17,960 --> 00:00:19,280 But we want something else. 7 00:00:19,280 --> 00:00:21,230 We want to put our own icon there. 8 00:00:21,590 --> 00:00:22,400 How do we do that? 9 00:00:22,430 --> 00:00:24,140 Well, that's how we're going to look at in this video. 10 00:00:24,410 --> 00:00:25,670 It is super easy. 11 00:00:25,850 --> 00:00:26,480 You just. 12 00:00:26,480 --> 00:00:29,000 Well, first you need an icon, right? 13 00:00:29,000 --> 00:00:29,990 So I happen to have one. 14 00:00:30,230 --> 00:00:34,670 And icons are in the file format of Iko Iko. 15 00:00:34,670 --> 00:00:43,160 So if you looked at like JPEG, those are and you have like an image dot jpeg or files your image dot 16 00:00:43,180 --> 00:00:46,970 PMG an icon file is your image dot isco. 17 00:00:47,120 --> 00:00:48,290 So it's an icon file. 18 00:00:48,290 --> 00:00:49,940 So you have to have an icon file. 19 00:00:50,510 --> 00:00:54,680 If you have Photoshop you can create them or whatever, if you have a graphics guy who can just create 20 00:00:54,680 --> 00:00:55,170 one for you. 21 00:00:55,340 --> 00:00:58,640 So first, open up a file explorer. 22 00:00:58,820 --> 00:01:01,070 I just want to my Windows Start menu and clicked. 23 00:01:01,280 --> 00:01:08,300 I just click the little magnifying glass on my start menu and then click file explorer to Windows Start 24 00:01:08,300 --> 00:01:11,840 menu and just type in file explorer and little file explorer. 25 00:01:12,080 --> 00:01:13,190 Icon will pop up. 26 00:01:13,190 --> 00:01:17,600 You can click on it and then just navigate to your directory where we've been saving our files. 27 00:01:17,600 --> 00:01:22,700 If you remember it's in C Goosies and you see here's our Hello DCPI file and I'm just going to right. 28 00:01:22,700 --> 00:01:24,980 Click and paste this and I happen to have this. 29 00:01:24,980 --> 00:01:31,370 Like I said, if I open this in just a default paint program, you can see this is what it is. 30 00:01:31,370 --> 00:01:37,430 Just a little it's my Kotomi icon little book with a graduation cap on it, I guess. 31 00:01:38,690 --> 00:01:39,710 So that's how we're going to use. 32 00:01:39,920 --> 00:01:42,110 So just save this anywhere you want. 33 00:01:42,110 --> 00:01:47,270 It makes sense to save it in the same directory where your program is, but you can really save this 34 00:01:47,270 --> 00:01:47,750 anywhere. 35 00:01:48,140 --> 00:01:50,450 Now to use this, it's super easy. 36 00:01:50,450 --> 00:01:56,750 We just come up to the top of our thing and right up here, sort of the default like configuration area 37 00:01:56,750 --> 00:01:57,540 for your program. 38 00:01:57,570 --> 00:02:00,860 You want to put your configuration things up here at the top. 39 00:02:01,190 --> 00:02:05,330 And so all you have to do is call a root dot icon bitmap. 40 00:02:05,330 --> 00:02:12,830 So its icon bitmap all one word and then it's a function and now you just need to pass in wherever that 41 00:02:12,830 --> 00:02:13,670 thing is sitting. 42 00:02:13,670 --> 00:02:15,500 So ours is in C. 43 00:02:16,560 --> 00:02:19,800 Backs or forward slash goolies. 44 00:02:21,100 --> 00:02:29,440 Forward slash Kotomi Isco, and that's just the name of the file, I named it Khatami and like I said, 45 00:02:29,440 --> 00:02:32,620 it's an icon, so it's a dot isco file. 46 00:02:33,400 --> 00:02:38,610 And you can see here for file type, it says Windows recognizes this as an icon file. 47 00:02:38,950 --> 00:02:39,150 Right. 48 00:02:39,230 --> 00:02:40,630 So this is not a program. 49 00:02:40,840 --> 00:02:44,320 So obviously, this is not of course, in Photoshop, I'm going to show you how to create icons. 50 00:02:44,890 --> 00:02:46,420 But you can you can Google that. 51 00:02:46,420 --> 00:02:50,380 If you don't if you don't know, Photoshop will allow you to create them. 52 00:02:51,010 --> 00:02:53,530 GIMP is a free version of Photoshop. 53 00:02:53,560 --> 00:02:55,030 Well, it's a opensource. 54 00:02:56,010 --> 00:02:58,990 Photoshop like program, so you can do it in GIMP. 55 00:02:59,790 --> 00:03:03,810 There's probably websites that you can upload a file that will convert it into an icon for you. 56 00:03:04,080 --> 00:03:05,580 I'll let you just Google that now. 57 00:03:05,730 --> 00:03:10,680 They tend to be 16 by 16 pixels or 32 by 32 pixels. 58 00:03:11,040 --> 00:03:17,070 And Kanter will resize them down to 16 by 16 I think, which is what the size is. 59 00:03:17,430 --> 00:03:18,390 But we don't care about that. 60 00:03:18,600 --> 00:03:19,800 All we care about. 61 00:03:20,780 --> 00:03:26,780 Is this line right here and that's all there is to it now, you'll notice here I use double quotes in 62 00:03:26,780 --> 00:03:28,030 here, I use single quotes. 63 00:03:28,700 --> 00:03:29,480 It doesn't matter. 64 00:03:29,480 --> 00:03:33,020 You can use single or double any time, almost any time. 65 00:03:33,020 --> 00:03:39,200 Like down here, we could use single quotes as long as you're consistent and use single quotes here. 66 00:03:40,610 --> 00:03:45,580 And single quotes there you can use either with Kenta and usually with Python, too. 67 00:03:45,590 --> 00:03:48,410 So, OK, let's go ahead and save this guy. 68 00:03:49,230 --> 00:03:52,980 And run it, and it's kind of hard to see in this dark. 69 00:03:54,160 --> 00:03:59,210 Thing area, there's our icon, and that's all there is to it. 70 00:03:59,230 --> 00:04:02,070 So pretty simple and pretty easy. 71 00:04:02,080 --> 00:04:04,450 So in the next video, we'll start to look at images.