图标生成器/h1>
内置24个SVG图标，自定义颜色/尺寸/描边，导出SVG或PNG
#ffffff
图标预览home
选择图标点击选择，共 24 һ/span>
SVG 代码0 字符
当前图标home
尺寸128px
背景艀/span>#73b9ff
图标艀/span>#ffffff
描边2px
图标生成器说明/h2>
本工具内网24 个常用简洁风格线性图标，支持自定义背景色、图标颜色、尺寸和描边宽度，可导出 SVG 戀PNG 格式。所有图标基亀24x24 viewBox 设计，采用stroke 描边风格，清晰适配各种场景。
SVG 格式可缩放矢量图形，任意缩放不失真，体积小，适合网页直接嵌入。通过 <svg> 标签的stroke 由fill 属性控制颜色。
PNG 导出使用 Canvas API 尀SVG 绘制为位图。原理是创建 Image 对象加载 SVG 数据 URL，再通过 ctx.drawImage 绘制刀Canvas，最后调甀canvas.toDataURL 导出 /p>
描边风格本工具图标采生stroke-linecap="round" 咀stroke-linejoin="round"，使线条端点和拐角圆滑，视觉更柔和。调节描边宽度可改变图标粗细。
使用方法从图标网格中选择图标，调节颜色和尺寸参数实时预览，点击导减SVG 戀PNG 下载文件，也可复分SVG 代码直接粘贴到项目中 /p>
本工具内网24 个常用简洁风格线性图标，支持自定义背景色、图标颜色、尺寸和描边宽度，可导出 SVG 戀PNG 格式。所有图标基亀24x24 viewBox 设计，采用stroke 描边风格，清晰适配各种场景。
SVG 格式可缩放矢量图形，任意缩放不失真，体积小，适合网页直接嵌入。通过 <svg> 标签的stroke 由fill 属性控制颜色。
PNG 导出使用 Canvas API 尀SVG 绘制为位图。原理是创建 Image 对象加载 SVG 数据 URL，再通过 ctx.drawImage 绘制刀Canvas，最后调甀canvas.toDataURL 导出 /p>
描边风格本工具图标采生stroke-linecap="round" 咀stroke-linejoin="round"，使线条端点和拐角圆滑，视觉更柔和。调节描边宽度可改变图标粗细。
使用方法从图标网格中选择图标，调节颜色和尺寸参数实时预览，点击导减SVG 戀PNG 下载文件，也可复分SVG 代码直接粘贴到项目中 /p>