图标与样式

图标已生成。

图标预览

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" role="img" aria-label="添加图标"><rect width="100%" height="100%" fill="#FFFFFF" fill-opacity="0"/><path d="M5 12h14M12 5v14" fill="none" stroke="#136CE9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(36 36) scale(7.666666666666667)"/></svg>

图标样式编辑

从预置线性图标中选择图形，调整尺寸、颜色、描边、内边距和背景，预览后复制 SVG 或导出透明 SVG、PNG，方便准备页面、文档和演示图标。

整理：喜爱工具箱 · 更新于 。首版使用本站自绘线性图标数据，不加载完整图标组件框架，也不导入用户 SVG。

继续使用：SVG 转 PNG · PNG 转 SVG · 颜色选择器

使用说明

三步完成操作

  1. 01 · 选择图标

    从 60 个自有线性图标中选择一个基础图形。

  2. 02 · 调整样式

    设置尺寸、描边、内边距、图标色和背景色。

  3. 03 · 导出文件

    复制 SVG，或下载透明 SVG / PNG 用于页面和文档。

常见问题

使用前先了解这些

这些图标来自哪里？

首版图标为喜爱工具箱自绘的基础线性图标，可在本站工具页面中使用。

白色背景为什么会透明？

默认白色背景按透明处理，便于导出透明图标；填写其他背景色会绘制底色。

能导入任意 SVG 编辑吗？

不能。首版只调整内置图标，避免任意 SVG 中的脚本、外链和复杂视图框问题。

描边适用于所有图标吗？

适用。首版图标均为线性路径，描边宽度会直接影响视觉重量。