🛠️ Dev Lab

矢量图标工坊

在线自定义设计并生成高颜值 SVG 矢量图标、App 图标,支持渐变背景、投影发光等,一键导出代码与无损 PNG。

🎨 预设风格

🔍 选择图标

current: code
🔍

📦 背景设置

背景形状
主背景色
渐变终色
渐变角度 135°
背景大小 (缩放) 100%

✨ 图标样式

绘制模式
图标颜色模式
自定义颜色
图标比例 50%
描边粗细 2 px
旋转角度
水平偏移 0
垂直偏移 0

💎 边框与投影

背景边框粗细 0 px
边框颜色
霓虹发光 (Glow)
发光范围 (模糊度) 30 px
发光不透明度 0.6
背景立体阴影
阴影偏移 Y 12 px
阴影模糊度 16 px
阴影不透明度 0.25

👁️ 实时设计预览

Zoom: 100%
Canvas Size

* 导出 PNG 会根据你选定的分辨率渲染并下载。SVG 可无限放大,可直接用在网页或矢量设计软件中。

已复制!