1
00:00:00,500 --> 00:00:03,380
And once we have the global styles in place.

2
00:00:03,530 --> 00:00:09,650
Now let's set up quickly a title for our project as well as the Favicon, which essentially is that

3
00:00:09,650 --> 00:00:12,530
little icon in the browser tab.

4
00:00:12,770 --> 00:00:21,290
And we want to start by adding favicon in the public folder and add this code to the index.html.

5
00:00:21,480 --> 00:00:23,900
So first let me navigate to the assets.

6
00:00:23,900 --> 00:00:29,990
In this case, I'm looking for the images and these are all the images we're going to use in our project.

7
00:00:29,990 --> 00:00:33,440
And I'm looking for this favicon ICO again.

8
00:00:33,440 --> 00:00:35,420
You can copy or you can move.

9
00:00:35,450 --> 00:00:37,010
This is totally up to you.

10
00:00:37,010 --> 00:00:41,000
In this case, I think I'm just going to move it to the public folder.

11
00:00:41,000 --> 00:00:47,360
So at the moment we have the SVG, but we want to set up the favicon ICO.

12
00:00:47,420 --> 00:00:50,630
Then we want to navigate to the index.html.

13
00:00:51,210 --> 00:00:52,860
So let's look over here.

14
00:00:52,860 --> 00:00:55,850
And as far as the title, I'm just going to go with Shopify.

15
00:00:57,160 --> 00:01:03,760
And when it comes to the favicon, essentially notice we have this link and at the moment it's pointing

16
00:01:03,790 --> 00:01:05,319
to SVG.

17
00:01:05,590 --> 00:01:06,850
So what do we need to do?

18
00:01:06,850 --> 00:01:09,360
Well, we just need to change the path.

19
00:01:09,370 --> 00:01:12,550
We need to go with favicon and call.

20
00:01:12,670 --> 00:01:18,730
Once we save, of course, we'll have the Java file over here as well as the little icon.

21
00:01:18,760 --> 00:01:20,650
Now if you need.

22
00:01:21,510 --> 00:01:24,540
A favicon for your own project.

23
00:01:24,570 --> 00:01:30,150
This is the resource I use, so I use the site called Favicon i o.

24
00:01:30,330 --> 00:01:35,700
And once you navigate over here, typically I use this text option.

25
00:01:35,730 --> 00:01:40,680
And essentially in here we can get the font color, the background color.

26
00:01:40,710 --> 00:01:45,300
Also come up with a text and of course you can see all of the other options.

27
00:01:45,330 --> 00:01:51,330
Once you're done customizing the favicon, then you can just download.

28
00:01:51,870 --> 00:01:54,090
Navigate to your downloads.

29
00:01:54,330 --> 00:02:00,980
Crack open the zip file, and in this folder somewhere you'll see the favicon icon.

30
00:02:00,990 --> 00:02:04,530
And if you want to use this favicon same deal.

31
00:02:04,560 --> 00:02:12,900
Move it to the public folder in your instance and make sure that the code in the index.html points to

32
00:02:12,900 --> 00:02:15,470
that specific favicon.