使用 Emoji 做网站的 Favicon

我们知道 Emoji 看起来像是图标，实际上是字符，并不是图片，所以不能当做图片来使用，所以如果使用 Emoji 做网站的 Favicon，不能像图片一样使用，比如「WordPress果酱」站点的 Favicon：

<link rel="shortcut icon" href="https://cdn.wpjam.com/wpjam/images/favicon.ico">

使用 Emoji 做为网站的 Favicon

那么如果要使用 Emoji 做为网站的 Favicon 怎么操作呢？比如我要用 🐠 这个 Emoji 字符来给「WordPress果酱」做的 Favicon，把上面的代码替换成：

<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=%220.9em%22  font-size=%2290%22>🐠</text></svg>">

效果如下所示：

获取和使用 Emoji Favicon 代码

所以很简单，只要将上面的 Emoji 字符换成自己的喜欢的 Emoji 字符就可以了，如果你还不会，我在公众号里面也提供了对应的工具，你只要回复对应的关键字，然后输入 Emoji 字符，就能获取 Emoji Favicon 代码了：

然后长按复制代码，然后打开 WPJAM Basic 插件的「样式定制」，把上面的代码复制到前台 Head 代码即可：