Instead of my own image file, i would like to use standard material icons as favicon for my website.
Is there any programmatic way of getting this done, instead of copying or making image files similar to those icons?
Asked
Active
Viewed 1,140 times
1
-
The Favicon needs to be in an image file format, e.g. ICO or SVG. The Material Iconfont is a bundled font, the seperate images files cannot be extracted from the font, as far as I know. So I don't think this is possible. But you can always download the image file of a specific icon from their [repo](https://github.com/google/material-design-icons) – JSON Derulo Jan 26 '21 at 11:55
1 Answers
0
In order to ensure that your favicon is compatible for all platforms you need to produce several different favicon file types. For example if you only produce a favicon.png it will display in Google Chrome Desktop for Windows but it will not display in Google Chrome Mobile for Android.
So what you end up having to do is create multiple favicons of various file type and resolution in order to ensure cross platform favicon compatibility.
There is a link below that will generate the required favicons to ensure cross platform favicon compatibility. It accepts an input of PNG, JPG, SVG.
You require:
Favicon PNG image for modern desktop browsers.
Favicon Apple Touch icon for mobile browsers.
Favicon icon (.ico) old browsers.
Favicon tile icon for internet explorer on Windows 8 and 10.
I know this is not quite what you are looking for but it should further elaborate on the complexity of favicons.
mister_cool_beans
- 1,441
- 1
- 8
- 19