У меня по сути это:
<body>
<svg style="display:none">
<symbol id="mysymb1" viewBox="0 0 200 500">
<g>
<path ...></path>
</g>
</symbol>
<symbol id="mysymb2" viewBox="0 0 200 500">
<g>
<path...></path>
</g>
</symbol>
</svg>
<div>
<svg viewBox="0 0 10 25">
<use xlink:href="#mysymb1"></use>
</svg>
</div>
</body>
Мои символы Я хочу быть большими во время разработки, чтобы я мог в них войти с некоторыми деталями, но затем, когда я их использую, я хочу, чтобы они были похожи на маленькие иконки.
Однако проблема в том, что значок отображается очень большим, например, шириной и высотой более 1000 пикселей, что вызывает прокрутку и все остальное. Это в значительной степени буквально код, который я имею. Везде нет вложенных svg элементов, и пути не выходят за пределы 200/500.
Не уверен, что нужно сделать, чтобы он работал так, чтобы значок был маленьким, как определено. TBH У меня всегда есть эта проблема с SVG, и я не уверен, почему это происходит.