怎么在网页上使用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>">