转换工具
/* 转换后的CSS将显示在这里 */
.svg-icon {
background-image: url("data:image/svg+xml,%3Csvg ... %3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
转换选项
为什么选择我们的工具
快速转换
即时处理您的SVG代码，无需等待，立即获得CSS结果。
隐私保护
所有处理都在您的浏览器中进行，不会上传您的任何数据。
优化输出
自动压缩和优化SVG，生成高效、精简的CSS代码。
用户评价
"这个工具太方便了！帮我快速将SVG图标转换为CSS背景，节省了很多时间。"
"非常实用的工具，界面简洁，操作简单，转换效果很好，推荐给前端开发者！"
"解决了我在项目中遇到的SVG引用问题，生成的CSS代码非常规范，点赞！"