发布于 2026-01-06 4 阅读
0

在您的网站上添加矢量表情符号

在您的网站上添加矢量表情符号

使用Emoji Cloud,您可以在几秒钟内将 300 多个自定义矢量表情符号添加到您的项目中。

🌐 通过 CDN 引入 CSS 文件

</head>在结束标签之前添加以下代码

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/alohe/emojicloud/emojicloud.css" />
Enter fullscreen mode Exit fullscreen mode

好了,现在你可以开始在网页上添加 SVG 表情符号了。

<h1><i class="emoji-unicorn"></i></h1>
<h2><i class="emoji-unicorn"></i></h2>
<h3><i class="emoji-unicorn"></i></h3>
<h4><i class="emoji-unicorn"></i></h4>
<h5><i class="emoji-unicorn"></i></h5>
<h6><i class="emoji-unicorn"></i></h6>
Enter fullscreen mode Exit fullscreen mode

表情符号云演示

您可以在这里找到完整的表情符号列表。

表情符号云速查表

在Codepen上查看实际运行效果

如果您有任何问题或反馈,请告诉我。

文章来源:https://dev.to/alohe/add-vector-emojis-to-your-websites-3i6f