SVG 编辑器
在线 SVG 代码编辑预览工具，支持实时预览、图形插入、颜色选择、导出下载
SVG 属性设置
插入图形元素
SVG 代码0 字符
实时预览
预览区域 - 输入 SVG 代码后自动显示
常用 SVG 图标库 点击插入到代码中
主页
搜索
用户
设置
心形
星形
邮件
锁
云
下载
箭头
对勾
SVG 编辑器使用说明
主要功能
- 代码编辑 - 直接编写和编辑 SVG 代码
- 实时预览 - 编辑代码即时看到效果
- 图形插入 - 一键插入矩形、圆形、线条等基础图形
- 颜色选择 - 可视化选择填充色和描边色
- 图标库 - 内置常用 SVG 图标，点击即可插入
导入导出
- 复制代码 - 一键复制完整 SVG 代码
- 下载 SVG - 导出为 .svg 矢量文件
- 下载 PNG - 通过 Canvas 转换为 PNG 图片
- 属性设置 - 自定义 width、height、viewBox
- 适合网页图标、插画、图表的设计与导出