自定义图标未显示在铁图标中

Question

我试图在 Iron-icon 元素中使用一些自定义 svg 图标，但它没有显示。 Iron-iconset 中的所有标准图标都运行良好。 我链接了所有必要的聚合物库，但它仍然没有解决我的问题

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
<link rel="import" href="../bower_components/iron-icons/av-icons.html">
<link rel="import" href="../bower_components/iron-icons/social-icons.html">
<link rel="import" href="../bower_components/iron-icons/image-icons.html">
<link rel="import" href="../bower_components/iron-image/iron-image.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../bower_components/iron-iconset-svg/iron-iconset-svg.html">
<link rel="import" href="custom-icon.html">

<iron-icon icon="custom-icon:my-icon"></iron-icon>

这里是custom-icon.html

<link rel="import" href="../js/bower_components/iron-icon/iron-icon.html">
<link rel="import" href="../js/bower_components/iron-iconset-svg/iron-iconset-svg.html">

<iron-iconset-svg name="custom" size=4>
    <svg>
        <defs>
            <g id="nodejs">
                <path d="M116.504151,3.58037736 C123.46566,-0.404528302...
            </g>
</iron-iconset-svg>

有人可以帮我解决这个问题吗？

Answer 1

我猜

<iron-icon icon="custom-icon:my-icon"></iron-icon>

应该是

<iron-icon icon="custom:my-icon"></iron-icon>

（根据您的示例，

my-icon

应该是

nodejs

，但我假设您的图标集包含

<g id="my-icon">

）

或者另一种方式

<iron-iconset-svg name="custom" size=4>

应该是

<iron-iconset-svg name="custom-icon" size=4>