Hello wizards, Welcome to Tips and Tricks Series. Today in this blog you’ll learn simple trick to add favicon to our website.
In the above video, you’ve seen the preview for "How to add Favicon to our website". and I hope now you are able to add favicon to your website with this simple trick. If not, I have provided source code below.
SOURCE CODE
To add the favicon to our website. First, you need to create one file for HTML code.
After creating the file just paste the following line of code in between HEAD Tag in your html file and now you can change the favicon by adding image path in the href attribute. Check the code below for the clarification.
You can also download source code file from the given download button.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>favicon</title>
<!-- Tips & Tricks ( @developer_pani) -->
<!-- This following tag you need to copy and paste in between head tag on your html file and now you can change the favicon by adding image path in the href attribute. -->
<link rel="shortcut icon" href="images/6.svg" type="image/x-icon">
</head>
<body>
<!-- Thanks For watching :) -->
</body>
</html>
Generating Download Link...