Question

我试图在铁图标元素中使用一些自定义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，但我认为您的iconset包含<g id="my-icon">）

或者可选地

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

应该是

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

自定义图标没有出现在铁图标

1 个答案: