diff --git a/src/Umbraco.Web.UI.Client/examples/icons/files/icon-bomb.ts b/src/Umbraco.Web.UI.Client/examples/icons/files/icon-bomb.ts
deleted file mode 100644
index fe1e2907ac..0000000000
--- a/src/Umbraco.Web.UI.Client/examples/icons/files/icon-bomb.ts
+++ /dev/null
@@ -1 +0,0 @@
-export default `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M288 111.709a11.635 11.635 0 0 0-16.448.001l-17.182 17.186c-54.131-19.107-116.814-7.023-160.113 36.271-60.082 60.082-60.082 157.501 0 217.582 60.082 60.08 157.496 60.08 217.578-.003 43.301-43.298 55.385-105.981 36.275-160.112l17.182-17.184c4.543-4.541 4.543-11.903 0-16.445L288 111.709zm108.459-27.063c-27.244 3.242-46.768 23.429-55.844 34.934l19.766 19.767c5.002-6.903 19.822-24.942 39.471-27.213 13.863-1.604 28.449 5.151 43.369 20.069l19.582-19.584c-21.27-21.27-43.602-30.682-66.344-27.973z"/></svg>`;
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/examples/icons/files/icon-bones.ts b/src/Umbraco.Web.UI.Client/examples/icons/files/icon-heart.ts
similarity index 50%
rename from src/Umbraco.Web.UI.Client/examples/icons/files/icon-bones.ts
rename to src/Umbraco.Web.UI.Client/examples/icons/files/icon-heart.ts
index 1b37bf8a17..d8dd6c2be4 100644
--- a/src/Umbraco.Web.UI.Client/examples/icons/files/icon-bones.ts
+++ b/src/Umbraco.Web.UI.Client/examples/icons/files/icon-heart.ts
@@ -1,6 +1,6 @@
 export default `<!-- @license lucide-static v0.424.0 - ISC -->
 <svg
-  class="lucide lucide-bone"
+  class="lucide lucide-heart"
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 24 24"
   fill="none"
@@ -9,6 +9,6 @@ export default `<!-- @license lucide-static v0.424.0 - ISC -->
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z" />
+  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" />
 </svg>
-`;
\ No newline at end of file
+`;
diff --git a/src/Umbraco.Web.UI.Client/examples/icons/files/icon-wand.ts b/src/Umbraco.Web.UI.Client/examples/icons/files/icon-wand.ts
new file mode 100644
index 0000000000..c9425fbae4
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/examples/icons/files/icon-wand.ts
@@ -0,0 +1,19 @@
+export default `<svg
+  class="lucide lucide-wand-sparkles"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72" />
+  <path d="m14 7 3 3" />
+  <path d="M5 6v4" />
+  <path d="M19 14v4" />
+  <path d="M10 2v2" />
+  <path d="M7 8H3" />
+  <path d="M21 16h-4" />
+  <path d="M11 3H9" />
+</svg>`;
diff --git a/src/Umbraco.Web.UI.Client/examples/icons/icons-dashboard.ts b/src/Umbraco.Web.UI.Client/examples/icons/icons-dashboard.ts
index 5917503b48..5307bde407 100644
--- a/src/Umbraco.Web.UI.Client/examples/icons/icons-dashboard.ts
+++ b/src/Umbraco.Web.UI.Client/examples/icons/icons-dashboard.ts
@@ -2,14 +2,16 @@ import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { css, html, customElement, LitElement } from '@umbraco-cms/backoffice/external/lit';
 import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
 
+// eslint-disable-next-line local-rules/enforce-umb-prefix-on-element-name
 @customElement('example-icons-dashboard')
+// eslint-disable-next-line local-rules/umb-class-prefix
 export class ExampleIconsDashboard extends UmbElementMixin(LitElement) {
 	override render() {
 		return html`
 			<uui-box class="uui-text">
 				<h1 class="uui-h2" style="margin-top: var(--uui-size-layout-1);">Custom icons:</h1>
-				<uui-icon name="my-icon-bomb"></uui-icon>
-				<uui-icon name="my-icon-bones"></uui-icon>
+				<uui-icon name="my-icon-wand"></uui-icon>
+				<uui-icon name="my-icon-heart"></uui-icon>
 			</uui-box>
 		`;
 	}
diff --git a/src/Umbraco.Web.UI.Client/examples/icons/icons-dictionary.ts b/src/Umbraco.Web.UI.Client/examples/icons/icons-dictionary.ts
index 2472d6bf5d..b91cd341ba 100644
--- a/src/Umbraco.Web.UI.Client/examples/icons/icons-dictionary.ts
+++ b/src/Umbraco.Web.UI.Client/examples/icons/icons-dictionary.ts
@@ -1,10 +1,10 @@
 export default [
 	{
-		name: 'my-icon-bomb',
-		path: () => import('./files/icon-bomb.js'),
+		name: 'my-icon-wand',
+		path: () => import('./files/icon-wand.js'),
 	},
 	{
-		name: 'my-icon-bones',
-		path: () => import('./files/icon-bones.js'),
+		name: 'my-icon-heart',
+		path: () => import('./files/icon-heart.js'),
 	},
 ];