SVG图标宽高与viewBox缩放问题：修改后内容未放大

• 问题根源在viewBox的修改逻辑：原SVG里的所有图形元素都是基于0 0 16 16的坐标系统绘制的，你直接把viewBox改成0 0 22 22，相当于把画布从16×16扩大到22×22，但原有图形还是停留在16×16的范围内，自然不会放大，只会缩在左上角一小块区域。

• 给你两种正确的修改方式：

  1. 最简单的方案：保持viewBox不变，只改width和height
     把代码改成：

     <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 16 16">
     

     这样SVG会自动把16×16的矢量图形按比例缩放，适配到22×22的显示尺寸，内容直接放大，完全不用动其他图形代码。
  2. 适配新坐标系统的方案（适合需要后续编辑的场景）
     如果一定要把viewBox改成0 0 22 22，就得把所有图形的坐标、尺寸都乘以22/16=1.375。比如原代码里的x="1"要改成x="1.375"，width="14"改成width="19.25"，所有涉及数值的属性都要按这个比例调整。这种方式操作繁琐，一般没必要用。

• 优先选第一种方法，高效还能完美保留原图标比例和细节。

内容的提问来源于stack exchange，提问作者what the