我有一个八边形svg形状：
<svg width="200" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M25,2,L75,2,L98,25,L98,75,L75,98,L25,98,L2,75,L2,25z" fill="none"
stroke="black" stroke-width="3"/>
</svg>
我正在尝试将各种fontawesome图标嵌入其中。关于SO或MDN的其他答案还没有为我提供有效的答案。
JS版本：
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js" integrity="sha384-kW+oWsYx3YpxvjtZjFXqazFpA7UP/MbiY4jvs+RWZo2+N94PFZ36T6TFkc9O3qoB" crossorigin="anonymous"></script>
字体超赞图标：
令人敬畏的字体带有一个八边形图标，很遗憾，该图标仅适用于专业订户（又名“我”）。 SVG是下一个最知名的选项。
我尝试在SVG中用defs设置foreignObject，然后通过url(.icon)引用ID，但这不起作用。
理想情况下，我想继续使用fontawesome的本机i标签，这样我就不必显示20行路径线。
还有其他想法吗？