Html 聚合物纸图标按钮和隐藏的铁图标

我可以使用地图、设备、av。。。图标，但不是普通图标。 当然还有地图图标 我该怎么办

我的进口：

<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
<link rel="import" href="../bower_components/iron-iconset/iron-iconset.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">

该代码工作不正常

<paper-icon-button icon="icons:account-circle"></paper-icon-button>

进口产品看起来是正确的，它们在聚合物1.x中确实有效

您应该检查控制台是否存在错误-可能是那里存在一些导入错误（例如，指向

bower_组件的路径错误）

检查开发工具中呈现的HTML。如果您确实看到以下情况：

<iron-icon id="icon" class="…">
    <svg…>…</svg>
</iron-icon>

…

然后，由于一些CSS问题，图标很有可能没有显示出来。因此，当开发工具打开时，检查应用于元素的CSS以确定问题

进口产品看起来是正确的，它们在聚合物1.x中确实有效

您应该检查控制台是否存在错误-可能是那里存在一些导入错误（例如，指向

bower_组件的路径错误）

检查开发工具中呈现的HTML。如果您确实看到以下情况：

<iron-icon id="icon" class="…">
    <svg…>…</svg>
</iron-icon>

…

然后，由于一些CSS问题，图标很有可能没有显示出来。因此，当开发工具打开时，检查应用于元素的CSS以确定问题。

已解决 好的，我知道了。有一个文件名为my icons.html。 在这个文件中，我必须添加我想在我的项目中使用的图标

<link rel="import" href="../bower_components/iron-icon/iron-icon.html">
<link rel="import" href="../bower_components/iron-iconset-svg/iron-iconset-svg.html">

<iron-iconset-svg name="icons" size="24">
<svg><defs>
<g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></g>
<g id="save"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/></g>
<g id="create"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></g>
<g id="add"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></g>
<g id="arrow-back"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></g>
<g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></g>
<g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></g>
<g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></g>
</defs></svg>
</iron-iconset-svg>

抄送：@spliter已解决 好的，我知道了。有一个文件名为my icons.html。 在这个文件中，我必须添加我想在我的项目中使用的图标

<link rel="import" href="../bower_components/iron-icon/iron-icon.html">
<link rel="import" href="../bower_components/iron-iconset-svg/iron-iconset-svg.html">

<iron-iconset-svg name="icons" size="24">
<svg><defs>
<g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></g>
<g id="save"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/></g>
<g id="create"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></g>
<g id="add"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></g>
<g id="arrow-back"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></g>
<g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></g>
<g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></g>
<g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></g>
</defs></svg>
</iron-iconset-svg>

---

cc:@spliter

代码看起来正确（）。您不需要导入

iron iconset

，但不应导致问题。你有什么症状？浏览器控制台中是否存在相关错误？您的文件系统中确实存在这些文件吗？通过运行

document.createElement（'paper-icon-button'）.constructor查看元素是否已注册。如果导入正确，您将在控制台中看到
函数paper-icon-button（）{[native code]}
。否则它将显示
函数HTMLElement（）{[native code]}
，这意味着浏览器无法识别自定义元素。这是我的结果：paper-icon-button（）{[native code]}代码看起来正确（）。您不需要导入
iron iconset
，但不应导致问题。你有什么症状？浏览器控制台中是否存在相关错误？您的文件系统中确实存在这些文件吗？通过运行
document.createElement（'paper-icon-button'）.constructor查看元素是否已注册。如果导入正确，您将在控制台中看到
函数paper-icon-button（）{[native code]}
。否则它将显示
函数HTMLElement（）{[native code]}
，这意味着浏览器无法识别自定义元素。这是我的结果：paper-icon-button（）{[native code]}没有。。在铁的图标里面，没有errors@Dominic尝试在编辑器中打开icon-icons.html并检查
是否确实存在。如果不是，请重新安装
铁图标
。只是为了确保这不是像缓存这样的琐碎问题-检查是否启用了开发工具设置中的
禁用缓存（当DevTools打开时）
选项。@拆分器缓存已禁用，我在irons图标中找到了拆分器缓存。html@Dominic然后我们应该看到您元素的整个文件。根据你所说的，并且考虑到你完全确定聚合物元素的路径是正确的，没有理由不起作用。请使用您的代码更新问题，或在某个代码托管平台上提供指向您的文件的链接。没有。。在铁的图标里面，没有errors@Dominic尝试在编辑器中打开icon-icons.html并检查
是否确实存在。如果不是，请重新安装
铁图标
。只是为了确保这不是像缓存这样的琐碎问题-检查是否启用了开发工具设置中的
禁用缓存（当DevTools打开时）
选项。@拆分器缓存已禁用，我在irons图标中找到了拆分器缓存。html@Dominic然后我们应该看到您元素的整个文件。根据你所说的，并且考虑到你完全确定聚合物元素的路径是正确的，没有理由不起作用。请用您的代码更新问题，或在某个代码托管平台上提供指向您的文件的链接。