我帮你排查过这类问题很多次了，这种个别SVG Symbol无法缩放的情况，几乎都是Illustrator导出时的小细节没处理好——虽然你是按同一流程导出，但那个带铅笔、画笔和尺子的杯子图标大概率在文档设置或者导出参数上有差异，咱们一步步来解决：

• 先检查SVG的viewBox属性
  这是SVG自适应缩放的核心！打开那个异常图标的原始SVG代码，看看根元素有没有正确的viewBox属性。如果没有，或者viewBox的数值和图标实际尺寸不匹配，就会导致它没法跟着容器缩放。
  举个例子，正常的Symbol应该是这样的：<symbol id="icon-cup" viewBox="0 0 24 24">，如果你的代码里只有固定的width="500"和height="500"却没有viewBox，那肯定会出问题。

• 清理Illustrator导出的冗余代码
  Illustrator导出SVG时总爱带一些多余的“包袱”，比如固定的width/height、无用的transform属性，甚至嵌套的<g>元素里藏着的定位设置，这些都会干扰缩放。你可以这么做：

  1. 用Illustrator重新打开这个杯子图标，导出时选「SVG代码...」，在设置里：
     • 把「CSS属性」设为「样式元素」或「内联样式」
     • 取消勾选「保留编辑功能」
     • 一定要勾选「响应式」（这个选项会自动帮你加上正确的viewBox）
  2. 也可以手动编辑SVG代码：删掉根元素的固定width和height，只保留viewBox，同时清理掉不必要的transform属性。

• 确认Symbol的引用方式
  虽然你说调用方式和其他图标一致，但还是快速核对下：引用时应该是用<svg><use href="#icon-cup"></use></svg>（旧浏览器可能需要xlink:href），而且外层的<svg>元素别设固定宽高——要么留空让它继承父容器尺寸，要么设成百分比/auto，固定数值会锁死大小。

• 检查图标内部的图形元素
  偶尔也会遇到图标内部的路径被手动加了固定尺寸或者变换（比如scale()）的情况。你可以打开Illustrator选中这个图标，检查所有元素有没有被设置固定尺寸，或者有没有应用过变换，重置这些设置后再重新导出试试。

给你个修复后的Symbol代码示例，参考这个格式调整：

<symbol id="icon-cup" viewBox="0 0 64 64">
  <!-- 这里是图标的路径代码，没有固定尺寸和多余transform -->
  <path d="M32 4C15.43 4 2 17.43 2 34v26h60V34c0-16.57-13.43-30-30-30zm0 56c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm16-12H16c-2.21 0-4-1.79-4-4v-6h40v6c0 2.21-1.79 4-4 4z"/>
  <!-- 其他图形路径 -->
</symbol>

基本上按这些步骤调整后，这个杯子图标就能和其他SVG元素一样正常适配空间了。

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