titanic

泰坦尼克号

一个包含动画图标的集合 + JavaScript 库。 预览所有图标

安装

您可以通过 CDN 或 npm 安装它。

CDN

将此字符串插入到您的 HTML 头中:

<script src="https://cdn.jsdelivr.net/gh/icons8/titanic@master/dist/js/titanic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/4.5.9/bodymovin.min.js"></script>

并且在主体关闭之前进行初始化:

<script>
    var titanic = new Titanic();
</script>

这样,您可以在 HTML 中的任何位置使用此标签添加图标:

其中 chat 可以为以下任一项:

• 圆顶
• 聊天
• 复选框
• 展开
• 便宜
• 昂贵
• 理念
• 邮箱
• 麦克风
• 无麦克风
• 在线
• 暂停
• 电源
• 购物
• 微笑
• 停止
• 解锁
• 放大

托管您的图像

如果您希望将图像存储在服务器上而不是 rawgit 中,则使用 init() 函数传递基本 URL:

titanic.begin('/my/base/directory/');

然后,如果您有一个 id 为 "chat" 的 div,Titanic 将在 /my/base/directory/chat.json 中搜索图标。