跳到主要内容

怎么在网页上使用emoji做为图标?

最近想捣鼓一个新网站, 整个icon对于一个不会切图的后端来说挺难搞的,所以想着直接用emoji得了。

创建一个favicon.svg 文件,粘贴以下代码进去

<svg xmlns="http://www.w3.org/2000/svg">
<text y="32" font-size="32">🥷🏻</text>
</svg>

然后就把它当成和favicon.svg一样使用!就是这么简单 效果如图:

在header中使用如下代码

这样也可以实现,是在这个网站上找到的: css-tricks.com

<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎯</text></svg>">