SVG（可缩放矢量图形）因其无损缩放、体积小、便于修改等优点，被广泛用于网页图标、Logo 和插图。VidDown SVG 编辑器提供直观的代码编辑 + 实时预览功能，即使不熟悉 SVG 语法，也能通过可视化绘制快速生成简洁的公司 Logo。
一、打开 SVG 编辑器
访问 VidDown → 实用工具 → SVG 工具 → SVG 编辑器。
直达链接：www.viddown.cn/tools/svg/editor/
界面左侧为 SVG 代码区，右侧为实时渲染的图形。
二、设计一个简单而专业的 Logo
假设公司名为“VidDown”，主营视频解析和技术工具。我们可以设计一个包含“播放按钮”和“地球”元素的 Logo。
2.1 基础圆形背景
在左侧清空默认代码，输入：
svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
<circle cx="100" cy="100" r="90" fill="#2563eb" />
</svg>
右侧会出现一个蓝色圆形。
2.2 添加播放三角形
在圆内添加一个白色三角形，表示“视频”：
svg
<polygon points="80,70 80,130 135,100" fill="white" />
完整代码：
svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<circle cx="100" cy="100" r="90" fill="#2563eb" />
<polygon points="80,70 80,130 135,100" fill="white" />
</svg>
2.3 添加科技弧线（装饰）
使用
svg
<path d="M 30 60 A 70 70 0 0 1 170 60" fill="none" stroke="#93c5fd" stroke-width="4" stroke-dasharray="6 6" />
<path d="M 30 140 A 70 70 0 0 0 170 140" fill="none" stroke="#93c5fd" stroke-width="4" stroke-dasharray="6 6" />
最终效果是一个蓝底白三角，带有虚线装饰弧线。
三、导出和使用
3.1 下载 SVG 文件
点击编辑器右下角的“保存”或“下载”按钮，将 SVG 代码保存为 .svg 文件。
或者直接复制代码，粘贴到您网站的 img 标签或 CSS 中使用。
3.2 转为 PNG 格式
如果需要传统图片格式，可以使用 VidDown 的“SVG 查看器”或现代浏览器的截图工具，或者通过在线转换工具转为 PNG。
四、更多进阶功能
路径编辑：SVG 路径编辑器可以直观调整 M、C、Q 等命令的点位。
渐变与滤镜：在 SVG 中直接书写
字体图标：将文字转为
五、总结
VidDown SVG 编辑器让非设计人员也能快速产出矢量 Logo。只需基础形状和路径知识，几分钟就能得到一个专业、可无限放大的 Logo，且永久免费使用。