css图标代码 星,常见纯CSS图标的代码分离与整理（持续更新）

一、最近两个周末都在玩图标

最近两个周末都在和图标打交道。

上个周末在家做了个在线还原SVG Sprites为独立SVG小图标并管理的工具。每个SVG小图标可以独立下载，也可以复制内联SVG代码，或者base64代码或者作为CSS背景使用的转义SVG代码。同时内置Awesome 1500+ SVG小图标，方便直接使用。

其中，点击任意小图标，即可在弹框中直接复制各种场景下的SVG代码，方便独立使用，如下视频示意(视频如果没有自动播放请点击)：

二、昨天折腾的纯CSS图标

然后这周末(也就是昨天)做了个纯CSS图标的代码分离与整理页面。主要有时候有个图标很简单，直接CSS是最佳实现，但是每次都要写一下，很麻烦，需要一个汇总整理的地方，所以弄个这个工具页面。

界面长下面这样，目前有43个小图标，规格和风格都是一模一样的，都是苗条线条风格。

如何使用？

复制公共CSS(网站只需要复制一次)；