- 科技干货 JonathanZhang 编写
- version2.0版本
- 完全重做
- 由webpack进行打包
- 全部icon为svg格式
- 直接在页面上通过引用
gh-icons.js就可以使用 - 或者拷贝源码，直接与你的项目一起打包📦使用
- version1.0版本
- 收集图标
- 采用css方式进行引入
| 图标名称 | 深色版本 | 浅色版本 | 彩色版本 |
|---|---|---|---|
| 新浪微博 | myicon_sina_weibo_f | myicon_sina_weibo_l | myicon_sina_weibo_c |
| 腾讯微博 | myicon_tencent_weibo_f | myicon_tencent_weibo_l | myicon_tencent_weibo_c |
| 微信 | myicon_wechat_f | myicon_wechat_l | myicon_wechat_c |
| 微信朋友圈 | myicon_wechat_moment_f | myicon_wechat_moment_l | myicon_wechat_moment_c |
| 优酷 | myicon_youku_f | myicon_youku_l | myicon_youku_c |
| 知乎 | myicon_zhihu_f | myicon_zhihu_l | myicon_zhihu_c |
| 支付宝 | myicon_alipay_f | myicon_alipay_l | myicon_alipay_c |
| 有道云笔记 | myicon_youdao_note_f | myicon_youdao_note_l | myicon_youdao_note_c |
| 淘宝 | myicon_taobao_f | myicon_taobao_l | myicon_taobao_c |
| myicon_qq_f | myicon_qq_l | myicon_qq_c | |
| Qzone | myicon_qzone_f | myicon_qzone_l | myicon_qzone_c |
| 人人 | myicon_renren_f | myicon_renren_l | myicon_renren_c |
| 大众点评 | myicon_dianping_f | myicon_dianping_l | myicon_dianping_c |
| 豆瓣 | myicon_douban_f | myicon_douban_l | myicon_douban_c |
- --version2.0
- 直接通过引用
gh-icons.js就可以使用 - 使用过程中采用
class=""，图标列表可以看到相关的样式 - 本图标为矢量图标，
.css为背景引入，所以标签要设置width="" height="" - 整体图标演示在
src/demo.html中