diff --git a/packages/common/vpu-common-demo.js b/packages/common/vpu-common-demo.js
index 33d789862a6e834c1cf64c2f1cd24c9abf0d2d66..304138331fa21f4f916b986612e1ada34d552ae1 100644
--- a/packages/common/vpu-common-demo.js
+++ b/packages/common/vpu-common-demo.js
@@ -81,10 +81,10 @@ class VpuCommonDemo extends VPULitElement {
                     <label class="label">Icons</label>
                     <div class="control">
                         <vpu-icon name="access-point-network-off"></vpu-icon>
-                        <vpu-icon color="green"></vpu-icon>
-                        <vpu-icon color="red"></vpu-icon>
-                        <vpu-icon color="blue"></vpu-icon>
-                        <vpu-icon color="orange" name="menu-down"></vpu-icon>
+                        <vpu-icon style="color: green"></vpu-icon>
+                        <vpu-icon style="color: red"></vpu-icon>
+                        <vpu-icon style="color: blue"></vpu-icon>
+                        <vpu-icon style="color: orange" name="menu-down"></vpu-icon>
                     </div>
                 </div>
                 <div class="container">
diff --git a/packages/common/vpu-icon.js b/packages/common/vpu-icon.js
index f374303c98c079a731e9f1b99d2a3150630459b5..2d2d3218355d4b19d919131053fb980ba2f06768 100644
--- a/packages/common/vpu-icon.js
+++ b/packages/common/vpu-icon.js
@@ -43,7 +43,7 @@ class Icon extends LitElement {
         return html`
             <style>
                 :host path {
-                    fill: ${this.color};
+                    fill: currentColor;
                 }
             </style>