AYY 的 SVG 转换为 CSS 工具

适用于 svg 图标，提取为 css 样式，方便在小程序中使用

如何安装

npm i -g @deary/svg2css

目录结构

project/
  ├── svgs # 存放 svg 图标的文件夹
  └── output.css # 生成的 css 文件

进入项目目录

cd project

执行命令

deary-svg2css

支持的参数

# --from 指定 svg 文件夹
# --to 指定输出的 css 文件
deary-svg2css --from svgs --to output.css

如何使用转换的 css 样式

@import 'output.css';

<!-- 在`HTML`中使用 -->
<div class="iconfont liconfont-xxx"></div>
<!-- 在`微信小程序`中使用 -->
<view class="iconfont liconfont-xxx"></view>