HTML5 banner image.

A “favicon” is the little icon that appears in various places in your browser & if a favicon is available it will replace the standard Firefox / Microsoft / Safari etc logo. Depending once again on the browser, it may appear in the address bar, the title bar, and on the tab, and it should appear in your bookmarks if you bookmark the site.

Your Windows computer is full of icons — just do a search for *.ico and see what turns up!

Creating your own icon is super easy using one of the many online graphics websites. Try https://icoconvert.com/ and follow the instructions. You simply upload an image, generate the icon, display it to you, and if you like it, you can download it.

Copy your icon file into your website folder and add the following line of HTML between the <head> tags of each page:

<link rel="icon" type="image/png" href="icon-name.ico">

The final code looks something like this:

<head>
    <title>stylus: Engage, Inspire, Achieve!</title>
    <link rel="icon" type="image/png" href="sicon_mini.ico">
</head>

And looks like this:

By MisterFoxOnline

CAT Educator

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.