From 71740238c417cfab8068cead1193da64cadf2d05 Mon Sep 17 00:00:00 2001
From: Alexander Reifschneider <alexander.reifschneider@mgm-tp.com>
Date: Mon, 7 Apr 2025 13:47:30 +0200
Subject: [PATCH] Ozg-7707 replace more icons - user icon - users icon

---
 .../apps/admin/src/app/app.component.html     |  2 +-
 ...anfrage-erstellen-button.component.spec.ts |  4 +-
 .../src/lib/collaboration.module.ts           |  9 +--
 .../libs/design-system/src/assets/users.svg   | 39 ++--------
 alfa-client/libs/design-system/src/index.ts   |  2 -
 .../dropdown-menu/dropdown-menu.stories.ts    | 10 +--
 .../user-icon/user-icon.component.spec.ts     | 44 -----------
 .../icons/user-icon/user-icon.component.ts    | 53 -------------
 .../lib/icons/user-icon/user-icon.stories.ts  | 50 ------------
 .../users-icon/users-icon.component.spec.ts   | 44 -----------
 .../icons/users-icon/users-icon.component.ts  | 76 -------------------
 .../icons/users-icon/users-icon.stories.ts    | 50 ------------
 .../lib/user-icon/user-icon.component.html    |  4 +-
 .../lib/user-icon/user-icon.component.spec.ts |  3 +-
 .../src/lib/user-profile.module.ts            |  2 -
 15 files changed, 14 insertions(+), 378 deletions(-)
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.spec.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.stories.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.spec.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.stories.ts

diff --git a/alfa-client/apps/admin/src/app/app.component.html b/alfa-client/apps/admin/src/app/app.component.html
index d383d837c6..4a9d3f0ffe 100644
--- a/alfa-client/apps/admin/src/app/app.component.html
+++ b/alfa-client/apps/admin/src/app/app.component.html
@@ -45,7 +45,7 @@
     <ods-navbar data-test-id="navigation">
       @if (apiRoot | hasLink: apiRootLinkRel.USERS) {
         <ods-nav-item data-test-id="users-roles-navigation" caption="Benutzer & Rollen" [path]="routes.BENUTZER">
-          <ods-icon icon name="users" class="fill-none stroke-text" />
+          <ods-icon icon name="users" fill="text" />
         </ods-nav-item>
       }
       @if (apiRoot | hasLink: apiRootLinkRel.ORGANISATIONS_EINHEIT) {
diff --git a/alfa-client/libs/collaboration/src/lib/collaboration-in-vorgang-container/collaboration-in-vorgang/anfrage-erstellen-button/anfrage-erstellen-button.component.spec.ts b/alfa-client/libs/collaboration/src/lib/collaboration-in-vorgang-container/collaboration-in-vorgang/anfrage-erstellen-button/anfrage-erstellen-button.component.spec.ts
index bfc2555681..cb3fd368d3 100644
--- a/alfa-client/libs/collaboration/src/lib/collaboration-in-vorgang-container/collaboration-in-vorgang/anfrage-erstellen-button/anfrage-erstellen-button.component.spec.ts
+++ b/alfa-client/libs/collaboration/src/lib/collaboration-in-vorgang-container/collaboration-in-vorgang/anfrage-erstellen-button/anfrage-erstellen-button.component.spec.ts
@@ -23,7 +23,7 @@
  */
 import { dispatchEventFromFixture } from '@alfa-client/test-utils';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ButtonComponent, UsersIconComponent } from '@ods/system';
+import { ButtonComponent } from '@ods/system';
 import { getDataTestIdAttributeOf } from 'libs/tech-shared/test/data-test';
 import { MockComponent } from 'ng-mocks';
 import { AnfrageErstellenButtonComponent } from './anfrage-erstellen-button.component';
@@ -37,7 +37,7 @@ describe('AnfrageErstellenButtonComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [AnfrageErstellenButtonComponent],
-      imports: [MockComponent(ButtonComponent), MockComponent(UsersIconComponent)],
+      imports: [MockComponent(ButtonComponent)],
     }).compileComponents();
 
     fixture = TestBed.createComponent(AnfrageErstellenButtonComponent);
diff --git a/alfa-client/libs/collaboration/src/lib/collaboration.module.ts b/alfa-client/libs/collaboration/src/lib/collaboration.module.ts
index 11be3c50a3..1e1915c517 100644
--- a/alfa-client/libs/collaboration/src/lib/collaboration.module.ts
+++ b/alfa-client/libs/collaboration/src/lib/collaboration.module.ts
@@ -29,13 +29,7 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ButtonWithSpinnerComponent, TextEditorComponent, TextareaEditorComponent } from '@ods/component';
-import {
-  ButtonComponent,
-  ExternalUnitIconComponent,
-  IconComponent,
-  PublicAdministrationIconComponent,
-  UsersIconComponent,
-} from '@ods/system';
+import { ButtonComponent, ExternalUnitIconComponent, IconComponent, PublicAdministrationIconComponent } from '@ods/system';
 import { ExterneFachstelleListItemContainerComponent } from 'libs/externe-fachstelle/src/lib/externe-fachstelle-list-item-container/externe-fachstelle-list-item-container.component';
 import { OrganisationsEinheitListItemContainerComponent } from 'libs/organisations-einheit/src/lib/organisations-einheit-list-item-container/organisations-einheit-list-item-container.component';
 import { CollaborationInVorgangContainerComponent } from './collaboration-in-vorgang-container/collaboration-in-vorgang-container.component';
@@ -53,7 +47,6 @@ import { CollaborationRequestFormComponent } from './collaboration-in-vorgang-co
     ButtonComponent,
     IconComponent,
     CollaborationSharedModule,
-    UsersIconComponent,
     TextEditorComponent,
     TextareaEditorComponent,
     FormsModule,
diff --git a/alfa-client/libs/design-system/src/assets/users.svg b/alfa-client/libs/design-system/src/assets/users.svg
index bd2e8130ce..a2e68f116c 100644
--- a/alfa-client/libs/design-system/src/assets/users.svg
+++ b/alfa-client/libs/design-system/src/assets/users.svg
@@ -1,34 +1,5 @@
-<svg
-    viewBox="0 0 24 24"
-    aria-hidden="true"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      fill="none"
-    />
-    <path
-      d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      fill="none"
-    />
-    <path
-      d="M22 20.9999V18.9999C21.9993 18.1136 21.7044 17.2527 21.1614 16.5522C20.6184 15.8517 19.8581 15.3515 19 15.1299"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      fill="none"
-    />
-    <path
-      d="M16 3.12988C16.8604 3.35018 17.623 3.85058 18.1676 4.55219C18.7122 5.2538 19.0078 6.11671 19.0078 7.00488C19.0078 7.89305 18.7122 8.75596 18.1676 9.45757C17.623 10.1592 16.8604 10.6596 16 10.8799"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      fill="none"
-    />
-  </svg>
\ No newline at end of file
+<svg viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M8.404 2.045c-1.492.173-2.878 1.069-3.67 2.374a4.994 4.994 0 0 0 1.03 6.375 4.992 4.992 0 0 0 6.472 0c2.09-1.78 2.34-4.937.558-7.03a5.013 5.013 0 0 0-4.39-1.719m7.283.151a1.06 1.06 0 0 0-.578.504c-.124.239-.119.623.011.877.139.269.317.399.765.557.482.17.726.302 1.048.567.471.389.884 1.062 1.006 1.639.075.352.077.96.004 1.301-.227 1.073-1.048 1.945-2.127 2.258a1.653 1.653 0 0 0-.395.18c-.192.132-.371.436-.405.687-.07.51.339 1.025.872 1.099.213.029.653-.086 1.153-.301.996-.429 1.943-1.34 2.438-2.344.22-.446.32-.734.427-1.226.102-.47.101-1.521-.001-1.994a5.184 5.184 0 0 0-1.913-3.001 5.704 5.704 0 0 0-1.566-.778c-.419-.119-.461-.121-.739-.025M9.632 4.062c.388.079.955.352 1.264.609 1.081.9 1.41 2.384.804 3.629a2.93 2.93 0 0 1-1.4 1.4c-1.245.606-2.729.277-3.629-.804a3.408 3.408 0 0 1-.609-1.264 3.037 3.037 0 0 1 1.042-2.961c.298-.247.872-.529 1.236-.606a3.642 3.642 0 0 1 1.292-.003M5.32 14.061a5.019 5.019 0 0 0-3.837 2.824c-.397.846-.492 1.481-.475 3.166.013 1.345.016 1.36.299 1.642.209.21.391.285.693.285.397 0 .695-.186.893-.556.083-.155.088-.226.111-1.582.027-1.579.032-1.616.313-2.18.398-.8 1.201-1.425 2.051-1.598.462-.093 6.802-.093 7.264 0 .85.173 1.653.798 2.051 1.598.281.564.286.601.313 2.18.027 1.578.025 1.568.311 1.853.209.21.391.285.693.285.397 0 .695-.186.893-.556.083-.154.088-.219.099-1.371.009-.903-.003-1.324-.047-1.66-.153-1.156-.618-2.106-1.424-2.912a4.881 4.881 0 0 0-2.881-1.421c-.588-.079-6.748-.077-7.32.003m13.367.135a1.06 1.06 0 0 0-.578.504c-.124.239-.119.623.011.877.139.269.317.399.768.558.837.295 1.368.736 1.765 1.467.305.561.319.653.344 2.238.026 1.578.024 1.567.31 1.853.209.21.391.285.693.285.302 0 .484-.075.693-.285.29-.29.287-.269.287-1.853 0-1.2-.011-1.474-.071-1.768a4.952 4.952 0 0 0-1.408-2.612 4.39 4.39 0 0 0-1.351-.96c-.37-.175-1.004-.381-1.164-.379a1.458 1.458 0 0 0-.299.075"
+    fill-rule="evenodd" />
+</svg>
\ No newline at end of file
diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts
index 6d03dda9b7..895513a35d 100644
--- a/alfa-client/libs/design-system/src/index.ts
+++ b/alfa-client/libs/design-system/src/index.ts
@@ -53,8 +53,6 @@ export * from './lib/icons/ozg-logo-icon/ozg-logo-icon.component';
 export * from './lib/icons/person-icon/person-icon.component';
 export * from './lib/icons/public-administration-icon/public-administration-icon.component';
 export * from './lib/icons/spinner-icon/spinner-icon.component';
-export * from './lib/icons/user-icon/user-icon.component';
-export * from './lib/icons/users-icon/users-icon.component';
 export * from './lib/instant-search/instant-search/instant-search.component';
 export * from './lib/instant-search/instant-search/instant-search.model';
 export * from './lib/link/link.component';
diff --git a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.stories.ts b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.stories.ts
index fe7c462d60..0f0a475073 100644
--- a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.stories.ts
+++ b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.stories.ts
@@ -23,7 +23,6 @@
  */
 import { argsToTemplate, componentWrapperDecorator, moduleMetadata, type Meta, type StoryObj } from '@storybook/angular';
 
-import { UserIconComponent } from '../../icons/user-icon/user-icon.component';
 import { DropdownMenuButtonItemComponent } from '../dropdown-menu-button-item/dropdown-menu-button-item.component';
 import { DropdownMenuItemComponent } from '../dropdown-menu-item/dropdown-menu-item.component';
 import { DropdownMenuTextItemComponent } from '../dropdown-menu-text-item/dropdown-menu-text-item.component';
@@ -34,13 +33,7 @@ const meta: Meta<DropdownMenuComponent> = {
   component: DropdownMenuComponent,
   decorators: [
     moduleMetadata({
-      imports: [
-        DropdownMenuComponent,
-        DropdownMenuItemComponent,
-        DropdownMenuButtonItemComponent,
-        DropdownMenuTextItemComponent,
-        UserIconComponent,
-      ],
+      imports: [DropdownMenuComponent, DropdownMenuItemComponent, DropdownMenuButtonItemComponent, DropdownMenuTextItemComponent],
     }),
     componentWrapperDecorator((story) => `<div class="flex justify-center mb-32">${story}</div>`),
   ],
@@ -67,6 +60,7 @@ export const Button: Story = {
   render: (args) => ({
     props: args,
     template: `<ods-dropdown-menu ${argsToTemplate(args)}>
+        //TODO OZG-7707
         <ods-user-icon button-content />
         <ods-dropdown-menu-button-item caption="Lorem" />
         <ods-dropdown-menu-button-item caption="Ipsum" />
diff --git a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.spec.ts
deleted file mode 100644
index e707985388..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.spec.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den
- * Ministerpräsidenten des Landes Schleswig-Holstein
- * Staatskanzlei
- * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung
- *
- * Lizenziert unter der EUPL, Version 1.2 oder - sobald
- * diese von der Europäischen Kommission genehmigt wurden -
- * Folgeversionen der EUPL ("Lizenz");
- * Sie dürfen dieses Werk ausschließlich gemäß
- * dieser Lizenz nutzen.
- * Eine Kopie der Lizenz finden Sie hier:
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Sofern nicht durch anwendbare Rechtsvorschriften
- * gefordert oder in schriftlicher Form vereinbart, wird
- * die unter der Lizenz verbreitete Software "so wie sie
- * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
- * ausdrücklich oder stillschweigend - verbreitet.
- * Die sprachspezifischen Genehmigungen und Beschränkungen
- * unter der Lizenz sind dem Lizenztext zu entnehmen.
- */
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { UserIconComponent } from './user-icon.component';
-
-describe('UserIconComponent', () => {
-  let component: UserIconComponent;
-  let fixture: ComponentFixture<UserIconComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [UserIconComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(UserIconComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.ts
deleted file mode 100644
index 466b89fda0..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.component.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
- * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den
- * Ministerpräsidenten des Landes Schleswig-Holstein
- * Staatskanzlei
- * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung
- *
- * Lizenziert unter der EUPL, Version 1.2 oder - sobald
- * diese von der Europäischen Kommission genehmigt wurden -
- * Folgeversionen der EUPL ("Lizenz");
- * Sie dürfen dieses Werk ausschließlich gemäß
- * dieser Lizenz nutzen.
- * Eine Kopie der Lizenz finden Sie hier:
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Sofern nicht durch anwendbare Rechtsvorschriften
- * gefordert oder in schriftlicher Form vereinbart, wird
- * die unter der Lizenz verbreitete Software "so wie sie
- * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
- * ausdrücklich oder stillschweigend - verbreitet.
- * Die sprachspezifischen Genehmigungen und Beschränkungen
- * unter der Lizenz sind dem Lizenztext zu entnehmen.
- */
-import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { twMerge } from 'tailwind-merge';
-import { IconVariants, iconVariants } from '../iconVariants';
-
-@Component({
-  selector: 'ods-user-icon',
-  standalone: true,
-  imports: [CommonModule],
-  template: `
-    <svg
-      viewBox="0 0 112 112"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      [ngClass]="[twMerge(iconVariants({ size }), 'fill-ozggray-300', class)]"
-    >
-      <path
-        d="M56 0.970734C25.6239 0.970734 0.970886 25.6239 0.970886 56C0.970886 86.3761 25.6239 111.029 56 111.029C86.3761 111.029 111.029 86.3761 111.029 56C111.029 25.6239 86.3761 0.970734 56 0.970734ZM56 17.4795C65.135 17.4795 72.5087 24.8534 72.5087 33.9881C72.5087 43.1232 65.135 50.4969 56 50.4969C46.8652 50.4969 39.4912 43.1232 39.4912 33.9881C39.4912 24.8534 46.8652 17.4795 56 17.4795ZM56 95.621C42.2428 95.621 30.0814 88.5772 22.9825 77.9014C23.1477 66.9506 44.9943 60.9526 56 60.9526C66.9508 60.9526 88.8525 66.9506 89.0175 77.9014C81.9189 88.5772 69.7575 95.621 56 95.621Z"
-      />
-    </svg>
-  `,
-})
-export class UserIconComponent {
-  @Input() variant: 'user' | 'initials' = 'user';
-  @Input() size: IconVariants['size'] = 'xxl';
-  @Input() class: string = undefined;
-
-  iconVariants = iconVariants;
-  twMerge = twMerge;
-}
diff --git a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.stories.ts
deleted file mode 100644
index a32dddd04e..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/user-icon/user-icon.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den
- * Ministerpräsidenten des Landes Schleswig-Holstein
- * Staatskanzlei
- * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung
- *
- * Lizenziert unter der EUPL, Version 1.2 oder - sobald
- * diese von der Europäischen Kommission genehmigt wurden -
- * Folgeversionen der EUPL ("Lizenz");
- * Sie dürfen dieses Werk ausschließlich gemäß
- * dieser Lizenz nutzen.
- * Eine Kopie der Lizenz finden Sie hier:
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Sofern nicht durch anwendbare Rechtsvorschriften
- * gefordert oder in schriftlicher Form vereinbart, wird
- * die unter der Lizenz verbreitete Software "so wie sie
- * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
- * ausdrücklich oder stillschweigend - verbreitet.
- * Die sprachspezifischen Genehmigungen und Beschränkungen
- * unter der Lizenz sind dem Lizenztext zu entnehmen.
- */
-import type { Meta, StoryObj } from '@storybook/angular';
-
-import { UserIconComponent } from './user-icon.component';
-
-const meta: Meta<UserIconComponent> = {
-  title: 'Icons/User icon',
-  component: UserIconComponent,
-  excludeStories: /.*Data$/,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<UserIconComponent>;
-
-export const Default: Story = {
-  args: { size: 'xxl' },
-  argTypes: {
-    size: {
-      control: 'select',
-      options: ['small', 'medium', 'large', 'extra-large', 'xxl', 'full'],
-      description: 'Size of icon. Property "full" means 100%',
-      table: {
-        defaultValue: { summary: 'xxl' },
-      },
-    },
-  },
-};
diff --git a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.spec.ts
deleted file mode 100644
index ad8801b6de..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.spec.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den
- * Ministerpräsidenten des Landes Schleswig-Holstein
- * Staatskanzlei
- * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung
- *
- * Lizenziert unter der EUPL, Version 1.2 oder - sobald
- * diese von der Europäischen Kommission genehmigt wurden -
- * Folgeversionen der EUPL ("Lizenz");
- * Sie dürfen dieses Werk ausschließlich gemäß
- * dieser Lizenz nutzen.
- * Eine Kopie der Lizenz finden Sie hier:
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Sofern nicht durch anwendbare Rechtsvorschriften
- * gefordert oder in schriftlicher Form vereinbart, wird
- * die unter der Lizenz verbreitete Software "so wie sie
- * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
- * ausdrücklich oder stillschweigend - verbreitet.
- * Die sprachspezifischen Genehmigungen und Beschränkungen
- * unter der Lizenz sind dem Lizenztext zu entnehmen.
- */
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { UsersIconComponent } from './users-icon.component';
-
-describe('UsersIconComponent', () => {
-  let component: UsersIconComponent;
-  let fixture: ComponentFixture<UsersIconComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [UsersIconComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(UsersIconComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.ts
deleted file mode 100644
index 4f96a451d5..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.component.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-/*
- * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den
- * Ministerpräsidenten des Landes Schleswig-Holstein
- * Staatskanzlei
- * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung
- *
- * Lizenziert unter der EUPL, Version 1.2 oder - sobald
- * diese von der Europäischen Kommission genehmigt wurden -
- * Folgeversionen der EUPL ("Lizenz");
- * Sie dürfen dieses Werk ausschließlich gemäß
- * dieser Lizenz nutzen.
- * Eine Kopie der Lizenz finden Sie hier:
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Sofern nicht durch anwendbare Rechtsvorschriften
- * gefordert oder in schriftlicher Form vereinbart, wird
- * die unter der Lizenz verbreitete Software "so wie sie
- * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
- * ausdrücklich oder stillschweigend - verbreitet.
- * Die sprachspezifischen Genehmigungen und Beschränkungen
- * unter der Lizenz sind dem Lizenztext zu entnehmen.
- */
-import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { twMerge } from 'tailwind-merge';
-import { IconVariants, iconVariants } from '../iconVariants';
-
-@Component({
-  selector: 'ods-users-icon',
-  standalone: true,
-  imports: [CommonModule],
-  template: `<svg
-    viewBox="0 0 24 24"
-    [ngClass]="[twMerge(iconVariants({ size }), 'stroke-primary', class)]"
-    aria-hidden="true"
-    fill="inherit"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      fill="none"
-    />
-    <path
-      d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      fill="none"
-    />
-    <path
-      d="M22 20.9999V18.9999C21.9993 18.1136 21.7044 17.2527 21.1614 16.5522C20.6184 15.8517 19.8581 15.3515 19 15.1299"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      fill="none"
-    />
-    <path
-      d="M16 3.12988C16.8604 3.35018 17.623 3.85058 18.1676 4.55219C18.7122 5.2538 19.0078 6.11671 19.0078 7.00488C19.0078 7.89305 18.7122 8.75596 18.1676 9.45757C17.623 10.1592 16.8604 10.6596 16 10.8799"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      fill="none"
-    />
-  </svg>`,
-})
-export class UsersIconComponent {
-  @Input() size: IconVariants['size'] = 'medium';
-  @Input() class: string = undefined;
-
-  iconVariants = iconVariants;
-  twMerge = twMerge;
-}
diff --git a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.stories.ts
deleted file mode 100644
index b40cbcc0d8..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/users-icon/users-icon.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den
- * Ministerpräsidenten des Landes Schleswig-Holstein
- * Staatskanzlei
- * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung
- *
- * Lizenziert unter der EUPL, Version 1.2 oder - sobald
- * diese von der Europäischen Kommission genehmigt wurden -
- * Folgeversionen der EUPL ("Lizenz");
- * Sie dürfen dieses Werk ausschließlich gemäß
- * dieser Lizenz nutzen.
- * Eine Kopie der Lizenz finden Sie hier:
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Sofern nicht durch anwendbare Rechtsvorschriften
- * gefordert oder in schriftlicher Form vereinbart, wird
- * die unter der Lizenz verbreitete Software "so wie sie
- * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
- * ausdrücklich oder stillschweigend - verbreitet.
- * Die sprachspezifischen Genehmigungen und Beschränkungen
- * unter der Lizenz sind dem Lizenztext zu entnehmen.
- */
-import type { Meta, StoryObj } from '@storybook/angular';
-
-import { UsersIconComponent } from './users-icon.component';
-
-const meta: Meta<UsersIconComponent> = {
-  title: 'Icons/Users icon',
-  component: UsersIconComponent,
-  excludeStories: /.*Data$/,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<UsersIconComponent>;
-
-export const Default: Story = {
-  args: { size: 'medium' },
-  argTypes: {
-    size: {
-      control: 'select',
-      options: ['small', 'medium', 'large', 'extra-large', 'full'],
-      description: 'Size of icon. Property "full" means 100%',
-      table: {
-        defaultValue: { summary: 'medium' },
-      },
-    },
-  },
-};
diff --git a/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.html b/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.html
index 2a57e10d8f..93bd67fb8e 100644
--- a/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.html
+++ b/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.html
@@ -34,11 +34,11 @@
       <span data-test-class="user-profile-assigned">{{ initials }}</span>
     </ng-container>
     <ng-template #noUser>
-      <ods-user-icon
+      <ods-icon
         *ngIf="!userProfileStateResource.error"
+        name="user"
         data-test-class="user-profile-unassigned"
         class="size-9 fill-ozggray-800"
-        style="--mdc-icon-button-icon-size: 36px"
       />
       <span *ngIf="errorMessageCode === messageCode.RESOURCE_NOT_FOUND" data-test-class="user-profile-user-not-found">!</span>
       <ods-icon
diff --git a/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts b/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts
index c1e0a1e574..3b8f8f26fc 100644
--- a/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts
+++ b/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts
@@ -35,7 +35,7 @@ import { NO_NAME_MESSAGE, UserProfileResource, userProfileMessage } from '@alfa-
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatIcon } from '@angular/material/icon';
 import { faker } from '@faker-js/faker';
-import { IconComponent, UserIconComponent as OdsUserIconComponent, TooltipDirective } from '@ods/system';
+import { IconComponent, TooltipDirective } from '@ods/system';
 import { getDataTestClassOf } from 'libs/tech-shared/test/data-test';
 import { createUserProfileResource } from 'libs/user-profile-shared/test/user-profile';
 import { MockComponent, MockDirective } from 'ng-mocks';
@@ -61,7 +61,6 @@ describe('UserIconComponent', () => {
         MockComponent(SpinnerComponent),
         MockDirective(TooltipDirective),
         MockComponent(IconComponent),
-        MockComponent(OdsUserIconComponent),
       ],
     });
   });
diff --git a/alfa-client/libs/user-profile/src/lib/user-profile.module.ts b/alfa-client/libs/user-profile/src/lib/user-profile.module.ts
index 8def7af5e5..e12c5bdd55 100644
--- a/alfa-client/libs/user-profile/src/lib/user-profile.module.ts
+++ b/alfa-client/libs/user-profile/src/lib/user-profile.module.ts
@@ -42,7 +42,6 @@ import {
   DropdownMenuComponent,
   DropdownMenuItemComponent,
   IconComponent,
-  UserIconComponent as OdsUserIconComponent,
   TooltipDirective,
 } from '@ods/system';
 import { AssignUserProfileButtonContainerComponent } from './assign-user-profile-button-container/assign-user-profile-button-container.component';
@@ -70,7 +69,6 @@ import { UserProfileComponent } from './user-profile/user-profile.component';
     CommonModule,
     UserProfileSharedModule,
     RouterModule,
-    OdsUserIconComponent,
     IconButtonWithSpinnerComponent,
     HasLinkPipe,
     MatTooltip,
-- 
GitLab