如何使 Polymer 将我的自定义图标视为与自己的图标相同的处理方式

Question

我一直在尝试找到一种聪明的方法，将标签与我自己的 svg 图标一起使用，这样我就可以使用 css 属性"fill： currentcolor;"。

使用他们的内置图标，如下所示： <core-icon icon="android"></core-icon>为图标生成整个 svg，但使用我自己的图标如下：<core-icon src="symbols/arrow-up.svg"></core-icon>只生成一个带有 svg 背景的div。在此处查看屏幕截图：https://i.stack.imgur.com/sm16R.png

如果我能为自己的图标写<core-icon icon="arrow-up"></core-icon>，那就太棒了。

谢谢！

Answer 1

您可以使用

core-iconset-svg创建自己的图标集。这里有一个解释它的指南：https://www.youtube.com/watch?v=xfiOJP8vuX4&index=2&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN

Answer 2

我建议您创建自己的 Iconset 元素，例如 https://github.com/Polymer/core-icons/blob/master/device-icons.html 这样可以非常轻松地使用自定义图标。