lyicon(零云icon)是一套图标众多、风格清新、更适合国人使用的开源字体图标库,100%兼容fontawesome的图标,细化图标,把实心图标都改成空心,更加方便APP及现代化网页使用。此次我们发布0.0.1为了收集用户的建议,进行更好的改版。基于apache2协议开源。

官网地址:http://lyicon.lyunweb.com/

下载地址:

Github:https://github.com/ijry/lyicon.git

码云:https://git.oschina.net/jry/lyicon.git

零云git:http://git.lingyun.net/admin/lyicon.git


一、lyicon的优点

1.轻量性

可以减少http请求,可以配合html5离线存储做性能优化,有利于后期维护。

2.灵活性

可以自由变换大小(不失真),可以修改颜色,可以添加阴影,旋转,透明度等视觉效果。

3.兼容性

图标字体支持所有现代浏览器,包括IE低版本。


二、图标字体的缺点

1.图标字体只能被渲染成单色或者css3的渐变色;

2.设计自已的图标字体t需要花费大量时间,也会增加前端重构的成本;

3.Firefox和IE9不支持对图标字体图标字体的跨域访问。


三、lyicon创作过程

1、所有图标在16pxX16pxAI画布中绘制.

2、为了确保图标的清晰显示,在绘制时须避免水平、垂直的边缘出现半个单位。(半个单位的路径会导致图标在最终显示时边缘模糊,不清晰),弧线在绘制时要保证弧度饱满。

3、LOGO(包括图形和字体)类图标要基于基线对齐,同时需要综合考虑LOGO在组合使用时的水平位置关系。

4、线条图标绘制完成后,须对对象执行扩展操作,以矢量图形输出,未进行扩展操作的路径会影响图标的正常显示。

5、在绘制图形的时候,曲线必须是闭合的。如果曲线是不闭合的在字体转换的过程中是无法转译未闭合曲线的图形的。

6、在绘制好封闭图形后,要给图形填充颜色。


四、lyicon使用

直接在官网下载引入自己的项目即可使用。