diff --git a/assets/icons/bugs/bug05.svg.js b/assets/icons/bugs/bug05.svg.js
deleted file mode 100644
index 48eaacfed..000000000
--- a/assets/icons/bugs/bug05.svg.js
+++ /dev/null
@@ -1 +0,0 @@
-export default '';
diff --git a/assets/icons/bugs/bug12.svg.js b/assets/icons/bugs/bug12.svg.js
deleted file mode 100644
index 6c1ff569f..000000000
--- a/assets/icons/bugs/bug12.svg.js
+++ /dev/null
@@ -1 +0,0 @@
-export default '';
diff --git a/packages/icon/src/LionIcon.js b/packages/icon/src/LionIcon.js
index 8934b907a..1d492511a 100644
--- a/packages/icon/src/LionIcon.js
+++ b/packages/icon/src/LionIcon.js
@@ -1,15 +1,15 @@
-import { html, css, render, unsafeHTML, until } from '@lion/core';
-import { LionLitElement } from '@lion/core/src/LionLitElement.js';
+import { html, css, LitElement } from '@lion/core';
-const isDefinedPromise = action => typeof action === 'object' && Promise.resolve(action) === action;
+const isPromise = action => typeof action === 'object' && Promise.resolve(action) === action;
/**
* Custom element for rendering SVG icons
* @polymerElement
*/
-export class LionIcon extends LionLitElement {
+export class LionIcon extends LitElement {
static get properties() {
return {
+ // svg is a property to ensure the setter is called if the property is set before upgrading
svg: {
type: String,
},
@@ -60,13 +60,6 @@ export class LionIcon extends LionLitElement {
update(changedProperties) {
super.update(changedProperties);
- if (changedProperties.has('svg')) {
- if (isDefinedPromise(this.svg)) {
- this._setDynamicSvg();
- } else {
- this._setSvg();
- }
- }
if (changedProperties.has('ariaLabel')) {
this._onLabelChanged(changedProperties);
}
@@ -88,24 +81,25 @@ export class LionIcon extends LionLitElement {
* On IE11, svgs without focusable false appear in the tab order
* so make sure to have