before伪类与阿里图标做的图标库

Xuanmo 发表于:2016-05-01 04:22:14 分类:前端相关  8680  71

图标简介

看了bootstrap的一些源码,设计思路很好,对图标的写法是个好的方法,于是借鉴这个方法,用阿里图标和before做了一个常用的图标库,不用每次需要图标的时候在去做,直接引入css,调用class就好了,目前有360个小图标,用这个方法方便添加图标,方便自己维护,添加方便,class类名采用的单词都是百度现翻译的,错了的单词欢迎给我提出来,所有图标的class名在下边的链接里

在线css链接:https://upyun.xuanmo.xin/iconfont.css,直接引入,调用class即可


<link rel="stylesheet" href="https://upyun.xuanmo.xin/iconfont.css" />

源码下载:链接: http://pan.baidu.com/s/1i4OPzvf 密码: zw4q

下图为图标实现代码

iconfont

 

部分图标效果

图标与class演示

  • 92人 Love
  • 0人 Haha
  • 2人 Wow
  • 0人 Sad
  • 1人 Angry
iconfont、tips

作者简介:Xuanmo

打赏

生命的意义在于折腾。

共 71 条评论关于 “before伪类与阿里图标做的图标库”