Favicon & ICO Generator
How to use your favicon
1
Place in root directory
Move the downloaded favicon.ico file to the root folder of your website.
2
Add HTML code
Copy and paste this code inside the <head> tag of your HTML pages:
<!-- 基本 favicon -->
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- 现代浏览器推荐写法 -->
<link rel="icon" href="/favicon.ico" sizes="any">
<!-- PNG 格式 favicon（支持透明度） -->
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">