如何从 SVG 中删除“符号”元素但保留“路径”元素(批量)? Illustrator 中的“断开链接”等同于

如何从 SVG 中删除“符号”元素但保留“路径”元素(批量)? Illustrator 中的“断开链接”等同于

SVG示例:

<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"
    class="mds-icon mds-doc-icon-swatch__icon" width="15" height="15">
    <defs>
        <symbol viewBox="0 0 15 15" id="sector-financial-services--s" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M8 9.041a1.125 1.125 0 1 1-1.125-1.125A1.127 1.127 0 0 1 8 9.041zm1.875-6.125A1.125 1.125 0 1 0 11 4.041a1.127 1.127 0 0 0-1.125-1.125zM14 .833v13H1v-13zm-1 4h-1.157a2.125 2.125 0 1 0-3.937 0H4v4h.771a2.071 2.071 0 0 0-.021.208 2.108 2.108 0 0 0 .157.792H3v-4H2v5h3.744a2.106 2.106 0 0 0 1.131.333c.049 0 .1-.011.143-.014a1.482 1.482 0 0 0-.018.181 1.5 1.5 0 1 0 2.908-.5H12v-1H8.843A2.108 2.108 0 0 0 9 9.041a2.071 2.071 0 0 0-.021-.208H13z">
            </path>
        </symbol>
    </defs>
    <use xlink:href="#sector-financial-services--s" fill="#5E5E5E">

        <title>sector-financial-services--s</title>

    </use>
</svg>

我想“解除符号嵌套”,以便路径数据位于节点之外<defs>。我不确定该怎么做……我只是使用 Illustrator,然后单击Break Link顶部:

在此处输入图片描述

但是我有大约 200 个 SVG 需要执行此操作。SVGO 是否有可以执行此操作的设置/标志?命令行工具?

我这样做的原因是 SVG 渲染为完全黑框。当我单击Break Link并保存时,SVG 可以正确渲染。

非常感谢您的帮助。

相关内容