zico-基于JS输出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
原始数据
按行查看
历史