diff --git a/src/js/core/icon.js b/src/js/core/icon.js
index <HASH>..<HASH> 100644
--- a/src/js/core/icon.js
+++ b/src/js/core/icon.js
@@ -48,7 +48,9 @@ const Icon = {
 
     props: ['icon'],
 
-    data: {include: []},
+    data: {
+        include: ['focusable']
+    },
 
     isIcon: true,
 
diff --git a/src/js/core/svg.js b/src/js/core/svg.js
index <HASH>..<HASH> 100644
--- a/src/js/core/svg.js
+++ b/src/js/core/svg.js
@@ -14,6 +14,7 @@ export default {
         ratio: Number,
         'class': String,
         strokeAnimation: Boolean,
+        focusable: Boolean,
         attributes: 'list'
     },
 
@@ -21,7 +22,8 @@ export default {
         ratio: 1,
         include: ['style', 'class'],
         'class': '',
-        strokeAnimation: false
+        strokeAnimation: false,
+        focusable: 'false'
     },
 
     connected() {
fix(icon): make SVG icons non-focusable in IE