diff --git a/src/Umbraco.Web.UI.Client/src/packages/members/member-types/components/input-member-type/input-member-type.element.ts b/src/Umbraco.Web.UI.Client/src/packages/members/member-types/components/input-member-type/input-member-type.element.ts
index 0ce146c11d..6ac9e16ad7 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/members/member-types/components/input-member-type/input-member-type.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/members/member-types/components/input-member-type/input-member-type.element.ts
@@ -115,7 +115,7 @@ export class UmbInputMemberTypeElement extends FormControlMixin(UmbLitElement) {
 				>${repeat(
 					this._items,
 					(item) => item.id,
-					(item) => this._renderItem(item),
+					(item) => this.#renderItem(item),
 				)}</uui-ref-list
 			>
 		`;
@@ -134,10 +134,11 @@ export class UmbInputMemberTypeElement extends FormControlMixin(UmbLitElement) {
 		`;
 	}
 
-	private _renderItem(item: MemberTypeItemResponseModel) {
+	#renderItem(item: MemberTypeItemResponseModel) {
 		if (!item.id) return;
 		return html`
 			<uui-ref-node-document-type name=${ifDefined(item.name)}>
+			${this.#renderIcon(item)}
 				<uui-action-bar slot="actions">
 					<uui-button
 						@click=${() => this.#pickerContext.requestRemoveItem(item.id!)}
@@ -149,6 +150,11 @@ export class UmbInputMemberTypeElement extends FormControlMixin(UmbLitElement) {
 		`;
 	}
 
+	#renderIcon(item: MemberTypeItemResponseModel) {
+		if (!item.icon) return;
+		return html`<uui-icon slot="icon" name=${item.icon}></uui-icon>`;
+	}
+
 	static styles = [
 		css`
 			#add-button {