2016-03-14 64 views
2

我想在鐵圖標元素中使用一些自定義svg圖標,但它不顯示。 Iron-iconset的所有標準圖標都非常棒。 我聯繫所有neccessary聚合物庫,但它仍然沒有解決我的問題自定義圖標不顯示在鐵圖標

<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> 

有人可以幫助我解決這個問題?

回答

3

我猜

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

應該

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

my-icon應該根據自己的例子是nodejs,但我相信你的圖標集包含<g id="my-icon">

或alterantively

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

應該

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

抱歉,這是我的複製粘貼錯誤,我改了一下我的代碼像的例子,但我所做的一切都是正確的像你說的'<鐵圖標圖標=「定製:我的 - icon「>'但仍然有問題 – Christian

+0

但它仍然不起作用?你在控制檯中是否有任何錯誤? –

+0

不,我沒有錯誤,並在源代碼的HTML代碼它看起來像圖標是有但由於某種原因不顯示 – Christian

相關問題