The Pull Request with which this function was integrated is based on a CSS-Tricks tutorial. In all common browsers you can display the HTML source code with the key combination. The HTML source code is the document that is passed to the browser. Īs a result, the following entries appear in the HTML source code. $this -> addHeadLink ( HTMLHelper :: _ ( 'image', 'joomla-favicon.svg', '', , true, 1 ), 'icon', 'rel', ) $this -> addHeadLink ( HTMLHelper :: _ ( 'image', 'favicon.ico', '', , true, 1 ), 'alternate icon', 'rel', ) $this -> addHeadLink ( HTMLHelper :: _ ( 'image', 'joomla-favicon-pinned.svg', '', , true, 1 ), 'mask-icon', 'rel', ). Here is the code Cassiopeia uses to add favicons. You are not familiar with SVG and ICO and would rather use the PNG format? Then you will find a solution that suits you better under Favicon in Joomla template.ĭelete the browser cache if changes to the favicon do not seem to work during development. To ensure that older browsers also display the graphic, an ICO file is also required. To use this new function, you need an SVG file. This is supported by most modern browsers. It is possible to use the file type SVG as a favicon. Today, favicons offer various additional functions and new ones are added from time to time. The integration of favicons changed over time. They help to recognise a page when we browse the bookmarks and open tabs in the browser. Favicons are the small icons we see in browser tabs.

Inkscape svg to ico