在线SVG精灵图生成 - 合并多个SVG为Sprite，自动生成symbol引用
SVG精灵图（SVG Sprite）是将多个SVG图标合并到一个SVG文件中的技术。每个图标用<symbol>元素包裹，通过<use>标签引用，减少HTTP请求，提高页面加载速度。
将生成的SVG Sprite代码放在HTML的body开头，然后使用<svg><use href="#icon-name"/></svg>引用具体图标。也可以将Sprite保存为独立文件，通过<use href="sprite.svg#icon-name"/>引用。
SVG精灵图支持无损缩放、文件体积更小、可通过CSS修改颜色和样式、支持动画。PNG精灵图是位图，放大后会模糊，且无法通过CSS修改颜色。
SVG精灵图是将多个SVG图标合并到一个SVG文件中的技术，每个图标用symbol元素包裹，通过use标签引用，减少HTTP请求。
将SVG Sprite代码放在HTML body开头，使用svg+use href=#icon-name引用图标，也可保存为独立文件引用。
SVG支持无损缩放、体积更小、可通过CSS修改颜色和样式、支持动画。PNG是位图，放大模糊且无法CSS修改。