首先准备一个32*32 格式为 ico 的图标
方法/步骤
1
先做好一张格式为ico的图标（我就是用在线工具转换为ico格式的）
2
打开页面代码，找到<head>标签，在<head></head>标签中插入一句,
<link href="/favicon.ico" rel="shortcut icon">
请点击输入图片描述
3
ok啦，运行一下你的网页，看看是不是有图标了呢？
请点击输入图片描述
END
注意事项
图标格式一定要是ico格式的
图片路径要写正确
在html中使用图标字体的方法：
1、创建自己的iconfont，推荐使用iconmoon，使用它可以通过上传SVG或者字体来生成你需要的icon字体，本文在线演示使用iconmoon生成。
步骤1：选择页面提供的或者上传自己的
步骤2：指定字符映射
3、导入到页面使用css：
style.css写法如下：
@font-face
{
font-family:
'icomoon'
src:url('fonts/icomoon.eot')
src:url('fonts/icomoon.eot?#iefix')
format('embedded-opentype'),
url('fonts/icomoon.woff')
format('woff'),
url('fonts/icomoon.ttf')
format('truetype'),
url('fonts/icomoon.svg#icomoon')
format('svg')
font-weight:
normal
font-style:
normal
}
在<head></head>标签之间输入
<link rel="icon" href="图片位置" type="image/x-icon"/>
或者用favicon表示：
规格有32×32、48×48、64×64、128×128，直接用PS做一个图片，命名为favicon.ico，然后用FTP软件上传到网站根目录替换原来的文件即可，如果不想用FTP软件，也可以在网站的后台进行更换。
Favicon是favorites icon的缩写，亦被称为website icon（网页图标）、page icon（页面图标）或urlicon（URL图标）。Favicon是与某个网站或网页相关联的图标。
扩展资料
关于favicon图标的用途
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,比如下面的百度的logo， 目前主要的浏览器都支持favicon.ico图标 。
1、生成图标ico
很多网站都支持在线将图片转成ico格式,图片的大小一般是几百k左右
在线生成ico
参考资料来源：百度百科-favicon
