Merge pull request #39 from rafaeltavares/svg-stroke

Custom properties for fill and stroke colors
PolymerElements · Oct 19, 2015 · a1029fe · a1029fe
2 parents d41f6b3 + e69b718
commit a1029fe
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/iron-icon.html b/iron-icon.html
@@ -67,6 +67,8 @@
 ----------------|-------------|----------
 `--iron-icon-width` | Width of the icon | `24px`
 `--iron-icon-height` | Height of the icon | `24px`
+`--iron-icon-fill-color` | Fill color of the svg icon | `currentcolor`
+`--iron-icon-stroke-color` | Stroke color of the svg icon | `currentcolor`
 
 @group Iron Elements
 @element iron-icon
@@ -85,7 +87,8 @@
 
       vertical-align: middle;
 
-      fill: currentcolor;
+      fill: var(--iron-icon-fill-color, currentcolor);
+      stroke: var(--iron-icon-stroke-color, currentcolor);
 
       width: var(--iron-icon-width, 24px);
       height: var(--iron-icon-height, 24px);