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

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>

这里是自定义-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>

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

custom icon not showing up in iron-icon

svg

iron

polymer