CSS-ICONS

CSS3实现的单元素图标

预览地址：https://henrylulu.github.io/css-icons/demo.html

快速开始

引入CSS文件

<link rel="stylesheet" href="icons.min.css">

调用

根据demo选择class，给父元素一个 font-size，即图标大小

<div style="font-size: 100px;">
    <div class="icon icon-mac">
</div>

get it !

默认配置

前景色：#333
背景色：#fff

开发&自定义

环境

npm install

自定义颜色

// icons.less
@front: #333;   // Line 2
@back: #fff;    // Line 3

构建

gulp