In this video.
Let's talk about five ACORN.
Favorite constant for favorite icon.
And this is the small icon that represents a website or a web page, and it is typically displayed in
the browser's address bar or bookmarks or the tabs.
Let me show you an example of the five icon.
Let's use these websites.
Let me start with the Google.
Over here, that is the address bar.
You can see that we have some icon and this icon is the logo for Google.
So five Beacon or the favorite icon represents a website.
Likewise, the on draw website, as you can see, and likewise my own website.
And that is the I never take.
You can see here also that we have the icon that is the five icon, but for ours you can see that we
have this kind of globe icon because we don't have the five icon being implemented.
So let's see how going to use five icon.
And in HTML, we can use five icon using couple of ways.
One is the file type.
We can use a file type with extension called dot IQ, or we can use image with extension PNG.
Let's see how I'm going to use it and I'm going to use image for this and make sure that you have your
own logo or you can use my logo and I'll provide that resource for you and I'm going to drag it and
put it inside the folder that.
I think I need to put it inside this particular folder.
Uh, is that all right?
So let me change the name to logo.
Something like this.
So let's see how I'm going to use this one as a five icon.
Let's get back to the HTML template where you want to use it.
And we are going to put it inside the head tag.
So this one is for font.
Awesome.
Let me collapse it and a comment for this and how will use.
Five icon.
Or favorite icon.
And it goes like this.
We bring in the link.
And for the relationship we are going to use icon and for the H ref we need to locate where the icon
is.
So you're going to use period and forward slash.
And images.
I think I need to put it inside the images folder which is this here.
So that I can locate it as the logo.
And let me remove this.
I want to have one logo.
All right, so the next attribute is the type.
And we need to specify the extension.
So it's going to be image and forward slash P and G because this image is P and G file.
Save it and let's have a look.
And there you go.
You can see that we have our favorite icon as that.
Let's continue in the next video.