如何使Polymer对待我的自定义图标与他们自己的相同?

时间:2014-11-26 21:06:27

标签: html css svg polymer

我一直在努力找到一种聪明的方法,将标签与我自己的svg图标一起使用,这样我就可以使用css属性“fill:currentcolor;”。

使用这样的内置图标: <core-icon icon="android"></core-icon>生成图标的整个svg,但是使用我自己的图标:<core-icon src="symbols/arrow-up.svg"></core-icon>只生成一个带有svg背景的div。点击此处的屏幕截图:http://i.imgur.com/6VTlGiN.png

如果我可以为自己的图标编写<core-icon icon="arrow-up"></core-icon>,那将是非常棒的。

谢谢!

2 个答案:

答案 0 :(得分:3)

您可以使用core-iconset-svg创建自己的图标集。以下是解释它的指南:https://www.youtube.com/watch?v=xfiOJP8vuX4&index=2&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN

答案 1 :(得分:2)

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