Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.7k views
in Technique[技术] by (71.8m points)

can i use angular material icons for favicon?

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?

question from:https://stackoverflow.com/questions/65900781/can-i-use-angular-material-icons-for-favicon

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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.

https://realfavicongenerator.net/


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...