使用同一文档中的svg作为单独的菜单项

Question

我正在尝试自定义coddyhouse的secondary fixed navigation中使用的图标。 当试图在AI中打开svg文件时，连续存在所有图标（screenshot第1部分），所以我试图用我想要的图标替换图标（调整我想要的图标并准确地放置它们）在原来的那些），但这导致所有图标显示为单个项目的背景（好像将它们分成单独的图标不再活动），这可以在屏幕截图的第4部分中看到。 试着看看原始的svg代码（我把它代表部分的第3部分）和css（第2部分）我找不到任何有用的东西，也没有在html中，菜单项看起来像这样：

<li>
    <a href="#cd-placeholder-1">
        <b>about</b>
        <span></span><!-- icon -->
    </a>
</li>

我希望现在有足够的信息。任何帮助将受到高度赞赏。 谢谢！