我如何使用 <symbol> 而不是 <g>？

Question

我正在尝试使用 symbol 标签而不是 g 标签来定义我的 iconset-svg，但它不起作用，因为图标未呈现。如果我使用它来定义一些图标。

代码：

<iron-iconset-svg name="br-icons">
   <svg style="display: none">
    <defs>    
      <symbol id="icon-menu" viewBox="0 0 1024 1024">
        <title>menu</title>
        <path class="path1" d="M64 192h896v192h-896zM64 448h896v192h-896zM64 704h896v192h-896z"></path>
     </symbol>
   </defs>
  </svg>
</iron-iconset-svg>

我是这样使用的：

<iron-icon icon="br-icons:icon-menu"></iron-icon>

有谁知道我怎样才能让它工作？

Answer 1

我从 Polymer 团队得到的回复是 "you need to use a <use> element with a <symbol>, which doesn't let you style it"。所以我认为现在你会想要坚持使用 <g>。如果我在这里弄错了，我深表歉意，无论如何我都不是 SVG 专家:)

我如何使用 <symbol> 而不是 <g>？

How can i use <symbol> instead of <g>?

svg

polymer