And once we have the global styles in place.
Now let's set up quickly a title for our project as well as the Favicon, which essentially is that
little icon in the browser tab.
And we want to start by adding favicon in the public folder and add this code to the index.html.
So first let me navigate to the assets.
In this case, I'm looking for the images and these are all the images we're going to use in our project.
And I'm looking for this favicon ICO again.
You can copy or you can move.
This is totally up to you.
In this case, I think I'm just going to move it to the public folder.
So at the moment we have the SVG, but we want to set up the favicon ICO.
Then we want to navigate to the index.html.
So let's look over here.
And as far as the title, I'm just going to go with Shopify.
And when it comes to the favicon, essentially notice we have this link and at the moment it's pointing
to SVG.
So what do we need to do?
Well, we just need to change the path.
We need to go with favicon and call.
Once we save, of course, we'll have the Java file over here as well as the little icon.
Now if you need.
A favicon for your own project.
This is the resource I use, so I use the site called Favicon i o.
And once you navigate over here, typically I use this text option.
And essentially in here we can get the font color, the background color.
Also come up with a text and of course you can see all of the other options.
Once you're done customizing the favicon, then you can just download.
Navigate to your downloads.
Crack open the zip file, and in this folder somewhere you'll see the favicon icon.
And if you want to use this favicon same deal.
Move it to the public folder in your instance and make sure that the code in the index.html points to
that specific favicon.