SVG 图标库

本工具内置图标库约 3000+ 个常用 SVG 图标，按中文语义和英文关键词双索引。搜索不到可能有三种原因：① 关键词太具体，尝试用同义词（如「购物车」试「cart」）；② 图标确实不在库内（可反馈需求）；③ 输入法输入了全角字符或多余空格。搜索框支持模糊匹配，输入「箭头」能搜到「向上箭头」「右箭头」等变体。如果确实没有，建议用工具内置的「上传自定义 SVG」功能自行添加。

最常见原因是复制时选了「HTML 转义」模式（默认关闭），导致 < > 被转成 &lt; &gt;。本工具一键复制默认输出纯 SVG 标签，直接粘贴到 HTML 文件即可。如果粘贴到 Markdown 或富文本编辑器（如 Notion、语雀），需确认编辑器是否支持原生 SVG 标签。另外，部分图标含 viewBox 属性，若容器尺寸小于图标原始尺寸，会被裁切，建议给外层加 `width: 100%; height: auto;`。

SVG 图标颜色由路径的 fill 或 stroke 属性控制。如果图标源码里 fill 写死了具体色值（如 fill="#333"），外部 CSS 或父级 color 无法覆盖。本工具图标库中约 70% 的图标采用 currentColor 或未设置 fill，可直接被父级 color 继承；剩余部分需要手动编辑。建议选中图标后点击「编辑 SVG」按钮，将 fill="#xxx" 改为 fill="currentColor"，再复制即可随文字颜色变化。

本工具完全基于前端实现（纯 JS + 浏览器本地存储），首次加载后图标数据会缓存到浏览器的 IndexedDB 中。第二次打开页面时，图标库从本地读取，无需重复下载，离线状态下搜索、预览、复制功能均可用。注意：若清除了浏览器缓存或使用隐私模式，首次仍需联网加载。目前工具无 PWA 安装包，建议在常用浏览器中保持缓存。

搜索结果默认按相关度排序，但右侧提供「尺寸筛选」和「风格标签」过滤。比如搜「用户」得到 50 个结果，可以点「轮廓」标签只看线框风格，或点「24px」只看该尺寸的图标。另外，鼠标悬停图标会显示名称和标签，双击直接复制代码。如果需要精确匹配，建议用英文关键词搜索，中文同义词库覆盖约 200 组常见映射（如「删除/delete」「关闭/close」）。

本工具每个图标都保留原始 viewBox（通常为 24x24 或 32x32），但复制时默认输出不带尺寸属性的纯路径。粘贴后，外层容器或 CSS 控制尺寸即可缩放。如果希望复制的代码自带固定宽高，可以在工具右上角「复制设置」里勾选「包含 width/height」，然后输入目标像素值（如 48）。注意：强制拉伸非正方形图标会变形，建议保持原始比例。

核心区别：本工具是「直接复制 SVG 标签」，不是字体图标。Font Awesome 和 iconfont 需要引入 CSS/JS 库，依赖字体文件，且图标颜色只能通过 CSS 类控制（多色图标受限）。本工具每个图标是独立 SVG 元素，可直接嵌入 HTML、React/Vue 组件或设计软件（如 Figma 直接粘贴）。适合不想引入第三方库、需要自定义每处图标颜色/动画、或只偶尔用几个图标的场景。缺点是没有 CDN 加速，需要自行管理文件。

工具支持上传任意大小的 SVG 文件（理论上限为浏览器内存上限，通常 50MB 以内）。但过大的 SVG（如地图、复杂插画）预览和编辑会明显卡顿，建议上传前用工具内置的「压缩 SVG」功能（路径：上传后点击「优化」），可去除冗余元数据、合并路径、精简小数点，通常能压缩 30%-60%。如果文件超过 500KB 且不需要编辑，建议直接用图片格式。