HTML Linking Resources Favicon
Example
<link rel="icon" type="image/png" href="/?originalUrl=https%3A%2F%2Friptutorial.com%2F%26quot%3B%2Ffavicon.png%26quot%3B%26gt%3B%26lt%3Blink%2520rel%3D%26quot%3Bshortcut%2520icon%26quot%3B%2520type%3D%26quot%3Bimage%2Fx-icon%26quot%3B%2520href%3D%26quot%3B%2Ffavicon.ico%26quot%3B%26gt%3B%253C%2Fcode">Use the mime-type image/png for PNG files and image/x-icon for icon (*.ico) files. For the difference, see this SO question.
A file named favicon.ico at the root of your website will typically be loaded and applied automatically, without the need for a <link> tag. If this file ever changes, browsers can be slow and stubborn about updating their cache.
