2

我正在尝试在 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>

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

4

1 回答 1

3

我猜

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

应该

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

（my-icon应该nodejs根据您的示例，但我假设您的图标集包含 a <g id="my-icon">）

或者

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

应该

<iron-iconset-svg name="custom-icon" size=4>
于 2016-03-14T16:14:20.310 回答