创软
首页
/
图文设计
/
SVG图标代码在线预览编辑
🖌️ SVG图标代码在线预览编辑
在线SVG图标代码编辑器，20个分类模板库，支持填充描边分离调色、描边宽度调节、拖拽粘贴上传SVG文件，实时预览，代码美化与压缩，多倍率导出PNG
🖌️ SVG编辑
👁️ 实时预览
🎨 分离调色
📏 描边宽度
📂 分类模板
💾 下载SVG
🖼️ 导出PNG
📋 复制代码
🔧 代码美化压缩
📱 响应式适配
颜色
填充
描边
尺寸
×
描边
5
缩放
100%
SVG 模板
全部
基础形状
常用图标
箭头方向
UI元素
SVG 代码编辑
美化
压缩
拖拽 SVG 文件或 Ctrl+V 粘贴
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="#8B5CF6"/><path d="M30 50 L45 65 L70 35" stroke="#fff" stroke-width="6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
实时预览
就绪
复制 SVG 代码
下载 SVG
导出 PNG (1x)
导出 PNG (2x)
导出 PNG (3x)