矢量 报表 html,SVG矢量图标输出.html

zico-基于JS输出SVG

zico 逐浪优秀图标集SVG图标输出引用

你只要引用<script src="js/zico.js" ></script>就能输出svg形式的icon图标,而且网页写作模式没有任何不同,比如<i class="zi zi_user"></i>,下面是一些例子示意。

我的中国心,我的中国ICON图标集,所有的图标与HTML元素完美的结合,并有等中国元素。


图标体系

标准图:


  90度旋转:

180度旋转:

270度旋转:


水平投影:


垂直投影(翻转)


12种规格


动作:

自由定义你的颜色于展现

极其便利的定义图标颜色 -->

<i class="zi zi_baseballball" zico="棒球" style="color: red"></i>

丰富的动作

弹跳、缩放、警灯、旋转、风车、渐入等各类动作

固定宽度列表:

zi_w1+++zi_glass

zi_w2+++zi_glass

zi_w3+++zi_glass

zi_w4+++zi_glass

zi_w5+++zi_glass

zi_w6+++zi_glass

zi_w7+++zi_glass

zi_w8+++zi_glass

带边框定义:

旋转90度、180度、270度:

标准图标:

水平投影:

垂直投影:


默认组合使用:

反转颜色组合使用:

自定颜色组合使用:

一键复制

编辑

Web IDE

原始数据

按行查看

历史

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值