Trashbin: introduce a empty trash icon (#20629)

nielslyngsoe · AndyButland · web-flow · commit 35acfcb7e2de · 2025-11-21T13:05:49.000+01:00
* add empty trash icon and use it for empty trash-bin and delete from trash-bin

* package lock

---------

Co-authored-by: Andy Butland &lt;abutland73@gmail.com&gt;
diff --git a/src/Umbraco.Web.UI.Client/package-lock.json b/src/Umbraco.Web.UI.Client/package-lock.json
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon-dictionary.json b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon-dictionary.json
@@ -2894,6 +2894,11 @@
 			"file": "icon-molecular.svg",
 			"legacy": true
 		},
+		{
+			"name": "icon-trash-empty",
+			"file": "icon-trash-empty.svg",
+			"internal": true
+		},
 		{
 			"name": "icon-umbraco",
 			"file": "icon-umbraco.svg"
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons.ts b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons.ts
@@ -2209,6 +2209,9 @@ name: "icon-molecular",
 hidden: true,
 path: () => import("./icons/icon-molecular.js"),
 },{
+name: "icon-trash-empty",
+path: () => import("./icons/icon-trash-empty.js"),
+},{
 name: "icon-umbraco",
 path: () => import("./icons/icon-umbraco.js"),
 },{
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons/icon-company.ts b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons/icon-company.ts
@@ -1 +1 @@
-export default `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" class="lucide lucide-building-2" viewBox="0 0 24 24"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18ZM6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2M10 6h4M10 10h4M10 14h4M10 18h4"/></svg>`;
+export default `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" class="lucide lucide-building-2" viewBox="0 0 24 24"><path d="M10 12h4M10 8h4M14 21v-3a2 2 0 0 0-4 0v3"/><path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"/><path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"/></svg>`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons/icon-trash-empty.ts b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons/icon-trash-empty.ts
@@ -0,0 +1 @@
+export default `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" class="lucide lucide-trash-2" viewBox="0 0 24 24"><path d="m14.6 11.4-5.2 5.2m0-5.2 5.2 5.2M19 6v14c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V6M3 6h18M8 6V4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2v2" class="cls-1"/></svg>`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/svgs/icon-trash-empty.svg b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/svgs/icon-trash-empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" class="lucide lucide-trash-2" viewBox="0 0 24 24"><path class="cls-1" d="M14.6,11.4l-5.2,5.2M9.4,11.4l5.2,5.2M19,6v14c0,1.1-.9,2-2,2H7c-1.1,0-2-.9-2-2V6M3,6h18M8,6v-2c0-1.1.9-2,2-2h4c1.1,0,2,.9,2,2v2"/></svg>
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/package.json b/src/Umbraco.Web.UI.Client/src/packages/core/package.json
@@ -13,8 +13,8 @@
 		"@hey-api/openapi-ts": "^0.85.0"
 	},
 	"devDependencies": {
-		"lucide-static": "^0.544.0",
+		"lucide-static": "^0.546.0",
 		"simple-icons": "^15.16.1",
 		"svgo": "^4.0.0"
 	}
-}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/recycle-bin/entity-action/empty-recycle-bin/empty-recycle-bin.action.kind.ts b/src/Umbraco.Web.UI.Client/src/packages/core/recycle-bin/entity-action/empty-recycle-bin/empty-recycle-bin.action.kind.ts
@@ -14,7 +14,7 @@ export const manifest: UmbExtensionManifestKind = {
 		weight: 100,
 		forEntityTypes: [],
 		meta: {
-			icon: 'icon-trash',
+			icon: 'icon-trash-empty',
 			label: 'Empty Recycle Bin',
 			additionalOptions: true,
 		},
diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/manifests.ts
@@ -20,6 +20,7 @@ const entityActions: Array<UmbExtensionManifest> = [
 		name: 'Delete Document Entity Action',
 		forEntityTypes: [UMB_DOCUMENT_ENTITY_TYPE],
 		meta: {
+			icon: 'icon-trash-empty',
 			itemRepositoryAlias: UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS,
 			detailRepositoryAlias: UMB_DOCUMENT_DETAIL_REPOSITORY_ALIAS,
 			referenceRepositoryAlias: UMB_DOCUMENT_REFERENCE_REPOSITORY_ALIAS,
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/entity-actions/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/entity-actions/manifests.ts
@@ -18,6 +18,7 @@ export const manifests: Array<UmbExtensionManifest> = [
 		kind: 'deleteWithRelation',
 		forEntityTypes: [UMB_MEDIA_ENTITY_TYPE],
 		meta: {
+			icon: 'icon-trash-empty',
 			itemRepositoryAlias: UMB_MEDIA_ITEM_REPOSITORY_ALIAS,
 			detailRepositoryAlias: UMB_MEDIA_DETAIL_REPOSITORY_ALIAS,
 			referenceRepositoryAlias: UMB_MEDIA_REFERENCE_REPOSITORY_ALIAS,

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		-export default `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" class="lucide lucide-building-2" viewBox="0 0 24 24"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18ZM6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2M10 6h4M10 10h4M10 14h4M10 18h4"/></svg>`;
	`1`	+export default `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" class="lucide lucide-building-2" viewBox="0 0 24 24"><path d="M10 12h4M10 8h4M14 21v-3a2 2 0 0 0-4 0v3"/><path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"/><path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"/></svg>`;
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	+export default `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" class="lucide lucide-trash-2" viewBox="0 0 24 24"><path d="m14.6 11.4-5.2 5.2m0-5.2 5.2 5.2M19 6v14c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V6M3 6h18M8 6V4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2v2" class="cls-1"/></svg>`;