From 0e2a30d849d15f5849bcbcd37a468e1859bdb218 Mon Sep 17 00:00:00 2001
From: Alexander Reifschneider <alexander.reifschneider@mgm-tp.com>
Date: Fri, 4 Apr 2025 10:14:46 +0200
Subject: [PATCH] OZG-7707 replace more icons - logout icon - more icon

---
 .../admin-user-logout-button.component.html   |  2 +-
 ...admin-user-logout-button.component.spec.ts |  4 +-
 .../admin-user-logout-button.component.ts     |  4 +-
 ...profile-button-container.component.spec.ts | 14 ++++--
 alfa-client/libs/design-system/src/index.ts   |  2 -
 .../logout-icon/logout-icon.component.spec.ts | 44 ----------------
 .../logout-icon/logout-icon.component.ts      | 50 -------------------
 .../icons/logout-icon/logout-icon.stories.ts  | 50 -------------------
 .../more-icon/more-icon.component.spec.ts     | 44 ----------------
 .../icons/more-icon/more-icon.component.ts    | 50 -------------------
 .../lib/icons/more-icon/more-icon.stories.ts  | 50 -------------------
 .../user-profile-in-header.component.html     |  2 +-
 .../user-profile-in-header.component.spec.ts  | 12 +++--
 .../src/lib/user-profile.module.ts            |  2 -
 .../vorgang-detail-more-menu.component.html   |  2 +-
 ...vorgang-detail-more-menu.component.spec.ts |  4 +-
 .../src/lib/vorgang-detail.module.ts          |  2 -
 17 files changed, 30 insertions(+), 308 deletions(-)
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-icon.component.spec.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-icon.component.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-icon.stories.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/more-icon/more-icon.component.spec.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/more-icon/more-icon.component.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/more-icon/more-icon.stories.ts

diff --git a/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.html b/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.html
index 9c5b0aa958..5a14cc8f16 100644
--- a/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.html
+++ b/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.html
@@ -1,3 +1,3 @@
 <ods-dropdown-menu-button-item caption="Abmelden" (clickEmitter)="logout.emit()" data-test-id="popup-logout-button">
-  <ods-logout-icon icon class="fill-primary" />
+  <ods-icon icon name="logout" />
 </ods-dropdown-menu-button-item>
diff --git a/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.spec.ts b/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.spec.ts
index 092b7217e8..886d6d7e34 100644
--- a/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.spec.ts
+++ b/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.spec.ts
@@ -1,6 +1,8 @@
 import { dispatchEventFromFixture, MockEvent } from '@alfa-client/test-utils';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { expect } from '@jest/globals';
+import { IconComponent } from '@ods/system';
+import { MockComponent } from 'ng-mocks';
 import { getDataTestIdOf } from '../../../../../tech-shared/test/data-test';
 import { AdminUserLogoutButtonComponent } from './admin-user-logout-button.component';
 
@@ -12,7 +14,7 @@ describe('AdminUserLogoutButtonComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [AdminUserLogoutButtonComponent],
+      imports: [AdminUserLogoutButtonComponent, MockComponent(IconComponent)],
     }).compileComponents();
 
     fixture = TestBed.createComponent(AdminUserLogoutButtonComponent);
diff --git a/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.ts b/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.ts
index 6e3f4cd7f8..0980d59e93 100644
--- a/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.ts
+++ b/alfa-client/libs/admin/user-profile/src/lib/user-logout-button/admin-user-logout-button.component.ts
@@ -1,11 +1,11 @@
 import { Component, EventEmitter, Output } from '@angular/core';
-import { DropdownMenuButtonItemComponent, LogoutIconComponent } from '@ods/system';
+import { DropdownMenuButtonItemComponent, IconComponent } from '@ods/system';
 
 @Component({
   selector: 'admin-user-logout-button',
   standalone: true,
   templateUrl: './admin-user-logout-button.component.html',
-  imports: [DropdownMenuButtonItemComponent, LogoutIconComponent],
+  imports: [DropdownMenuButtonItemComponent, IconComponent],
 })
 export class AdminUserLogoutButtonComponent {
   @Output() logout = new EventEmitter<void>();
diff --git a/alfa-client/libs/admin/user-profile/src/lib/user-menu/user-profile-button-container.component.spec.ts b/alfa-client/libs/admin/user-profile/src/lib/user-menu/user-profile-button-container.component.spec.ts
index cb23876d95..3e35b294d9 100644
--- a/alfa-client/libs/admin/user-profile/src/lib/user-menu/user-profile-button-container.component.spec.ts
+++ b/alfa-client/libs/admin/user-profile/src/lib/user-menu/user-profile-button-container.component.spec.ts
@@ -23,13 +23,21 @@
  */
 import { ApiRootLinkRel, ApiRootResource } from '@alfa-client/api-root-shared';
 import { createStateResource, StateResource } from '@alfa-client/tech-shared';
-import { dispatchEventFromFixtureByType, existsAsHtmlElement, getElementComponentFromFixtureByCss, getElementFromFixture, mock, Mock, notExistsAsHtmlElement, } from '@alfa-client/test-utils';
+import {
+  dispatchEventFromFixtureByType,
+  existsAsHtmlElement,
+  getElementComponentFromFixtureByCss,
+  getElementFromFixture,
+  mock,
+  Mock,
+  notExistsAsHtmlElement,
+} from '@alfa-client/test-utils';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AuthenticationService } from '@authentication';
 import { expect } from '@jest/globals';
 import { getUrl } from '@ngxp/rest';
-import { DropdownMenuButtonItemComponent, DropdownMenuComponent, LogoutIconComponent } from '@ods/system';
+import { DropdownMenuButtonItemComponent, DropdownMenuComponent } from '@ods/system';
 import { MockComponent } from 'ng-mocks';
 import { createApiRootResource } from '../../../../../api-root-shared/test/api-root';
 import { getDataTestIdOf } from '../../../../../tech-shared/test/data-test';
@@ -60,7 +68,7 @@ describe('UserProfileButtonContainerComponent', () => {
         RouterTestingModule,
         MockComponent(DropdownMenuComponent),
         MockComponent(DropdownMenuButtonItemComponent),
-        MockComponent(LogoutIconComponent),
+        MockComponent(AdminUserLogoutButtonComponent),
       ],
       providers: [
         {
diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts
index 0533237790..6adfb59d87 100644
--- a/alfa-client/libs/design-system/src/index.ts
+++ b/alfa-client/libs/design-system/src/index.ts
@@ -48,9 +48,7 @@ export * from './lib/icon/icon.component';
 export * from './lib/icons/external-unit-icon/external-unit-icon.component';
 export * from './lib/icons/file-icon/file-icon.component';
 export * from './lib/icons/iconVariants';
-export * from './lib/icons/logout-icon/logout-icon.component';
 export * from './lib/icons/mailbox-icon/mailbox-icon.component';
-export * from './lib/icons/more-icon/more-icon.component';
 export * from './lib/icons/office-icon/office-icon.component';
 export * from './lib/icons/orga-unit-icon/orga-unit-icon.component';
 export * from './lib/icons/ozg-logo-icon/ozg-logo-icon.component';
diff --git a/alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-icon.component.spec.ts
deleted file mode 100644
index e7d849a188..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-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 { LogoutIconComponent } from './logout-icon.component';
-
-describe('LogoutIconComponent', () => {
-  let component: LogoutIconComponent;
-  let fixture: ComponentFixture<LogoutIconComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [LogoutIconComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(LogoutIconComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-icon.component.ts
deleted file mode 100644
index eaf45846fc..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-icon.component.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 { NgClass } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { twMerge } from 'tailwind-merge';
-
-import { IconVariants, iconVariants } from '../iconVariants';
-
-@Component({
-  selector: 'ods-logout-icon',
-  standalone: true,
-  imports: [NgClass],
-  template: `<svg
-    [ngClass]="twMerge(iconVariants({ size }), 'fill-text', class)"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H12V21H5ZM16 17L14.625 15.55L17.175 13H9V11H17.175L14.625 8.45L16 7L21 12L16 17Z"
-    />
-  </svg>`,
-})
-export class LogoutIconComponent {
-  @Input() size: IconVariants['size'] = 'medium';
-  @Input() class: string = '';
-
-  readonly iconVariants = iconVariants;
-  readonly twMerge = twMerge;
-}
diff --git a/alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-icon.stories.ts
deleted file mode 100644
index aa085bd2a4..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/logout-icon/logout-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 { LogoutIconComponent } from './logout-icon.component';
-
-const meta: Meta<LogoutIconComponent> = {
-  title: 'Icons/Logout icon',
-  component: LogoutIconComponent,
-  excludeStories: /.*Data$/,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<LogoutIconComponent>;
-
-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/design-system/src/lib/icons/more-icon/more-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/more-icon/more-icon.component.spec.ts
deleted file mode 100644
index 6cf758506b..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/more-icon/more-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 { MoreIconComponent } from './more-icon.component';
-
-describe('MoreIconComponent', () => {
-  let component: MoreIconComponent;
-  let fixture: ComponentFixture<MoreIconComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [MoreIconComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(MoreIconComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/alfa-client/libs/design-system/src/lib/icons/more-icon/more-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/more-icon/more-icon.component.ts
deleted file mode 100644
index 56fc45b97e..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/more-icon/more-icon.component.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 { NgClass } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { twMerge } from 'tailwind-merge';
-import { IconVariants, iconVariants } from '../iconVariants';
-
-@Component({
-  selector: 'ods-more-icon',
-  standalone: true,
-  imports: [NgClass],
-  template: `<svg
-    [ngClass]="twMerge(iconVariants({ size }), 'fill-black', class)"
-    aria-hidden="true"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z"
-    />
-  </svg>`,
-})
-export class MoreIconComponent {
-  @Input() size: IconVariants['size'] = 'medium';
-  @Input() class: string = undefined;
-
-  protected readonly iconVariants = iconVariants;
-  protected readonly twMerge = twMerge;
-}
diff --git a/alfa-client/libs/design-system/src/lib/icons/more-icon/more-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/more-icon/more-icon.stories.ts
deleted file mode 100644
index 6464e18918..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/more-icon/more-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 { MoreIconComponent } from './more-icon.component';
-
-const meta: Meta<MoreIconComponent> = {
-  title: 'Icons/More icon',
-  component: MoreIconComponent,
-  excludeStories: /.*Data$/,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<MoreIconComponent>;
-
-export const Default: Story = {
-  args: { size: 'large' },
-  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-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.html b/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.html
index 797bf6c78e..1d93a0979a 100644
--- a/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.html
+++ b/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.html
@@ -37,6 +37,6 @@
   >
   </alfa-user-icon>
   <ods-dropdown-menu-button-item caption="Abmelden" (clickEmitter)="logoutEmitter.emit()" dataTestId="logout-button">
-    <ods-logout-icon icon class="fill-primary" />
+    <ods-icon icon name="logout" />
   </ods-dropdown-menu-button-item>
 </ods-dropdown-menu>
diff --git a/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.spec.ts b/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.spec.ts
index 2bf68369cd..2e37a8dd4b 100644
--- a/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.spec.ts
+++ b/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.spec.ts
@@ -22,7 +22,13 @@
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
 import { createStateResource } from '@alfa-client/tech-shared';
-import { dispatchEventFromFixture, getElementComponentFromFixtureByCss, mock, MockEvent, useFromMock, } from '@alfa-client/test-utils';
+import {
+  dispatchEventFromFixture,
+  getElementComponentFromFixtureByCss,
+  mock,
+  MockEvent,
+  useFromMock,
+} from '@alfa-client/test-utils';
 import { UserIconComponent } from '@alfa-client/user-profile';
 import { getUserName, UserProfileResource } from '@alfa-client/user-profile-shared';
 import { EventEmitter } from '@angular/core';
@@ -30,7 +36,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatIcon } from '@angular/material/icon';
 import { MatMenuTrigger } from '@angular/material/menu';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { DropdownMenuButtonItemComponent, DropdownMenuComponent, LogoutIconComponent } from '@ods/system';
+import { DropdownMenuButtonItemComponent, DropdownMenuComponent, IconComponent } from '@ods/system';
 import { getDataTestIdAttributeOf, getDataTestIdOf } from 'libs/tech-shared/test/data-test';
 import { createUserProfileResource } from 'libs/user-profile-shared/test/user-profile';
 import { MockComponent } from 'ng-mocks';
@@ -54,7 +60,7 @@ describe('UserProfileInHeaderComponent', () => {
         MockComponent(UserIconComponent),
         MockComponent(DropdownMenuComponent),
         MockComponent(DropdownMenuButtonItemComponent),
-        MockComponent(LogoutIconComponent),
+        MockComponent(IconComponent),
       ],
       imports: [NoopAnimationsModule],
     }).compileComponents();
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 e8b6bcbc3a..8def7af5e5 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,
-  LogoutIconComponent,
   UserIconComponent as OdsUserIconComponent,
   TooltipDirective,
 } from '@ods/system';
@@ -72,7 +71,6 @@ import { UserProfileComponent } from './user-profile/user-profile.component';
     UserProfileSharedModule,
     RouterModule,
     OdsUserIconComponent,
-    LogoutIconComponent,
     IconButtonWithSpinnerComponent,
     HasLinkPipe,
     MatTooltip,
diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component.html b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component.html
index 334bbeedc2..fd46a637a0 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component.html
+++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component.html
@@ -24,7 +24,7 @@
 
 -->
 <ods-dropdown-menu buttonTestId="more-menu-button">
-  <ods-more-icon button-content *ngIf="buttonEnabled" data-test-id="more-menu-icon" class="fill-text" />
+  <ods-icon button-content *ngIf="buttonEnabled" name="more" data-test-id="more-menu-icon" fill="text" />
   <ods-dropdown-menu-text-item
     *ngIf="vorgangWithEingang | hasLink: vorgangWithEingangLinkRel.ARCHIVE"
     data-test-id="vorgang-archive-button"
diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component.spec.ts b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component.spec.ts
index 61f01959e1..0065cf4391 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component.spec.ts
+++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component.spec.ts
@@ -27,7 +27,7 @@ import { VorgangWithEingangLinkRel, VorgangWithEingangResource } from '@alfa-cli
 import { ChangeDetectorRef, SimpleChanges } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { DropdownMenuComponent, DropdownMenuTextItemComponent, FileIconComponent, MoreIconComponent } from '@ods/system';
+import { DropdownMenuComponent, DropdownMenuTextItemComponent, FileIconComponent, IconComponent } from '@ods/system';
 import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
 import { createVorgangWithEingangResource } from 'libs/vorgang-shared/test/vorgang';
 import { MockComponent } from 'ng-mocks';
@@ -54,7 +54,7 @@ describe('VorgangDetailMoreMenuComponent', () => {
         MockComponent(VorgangArchiveContainerComponent),
         MockComponent(DropdownMenuComponent),
         MockComponent(DropdownMenuTextItemComponent),
-        MockComponent(MoreIconComponent),
+        MockComponent(IconComponent),
         MockComponent(FileIconComponent),
         HasLinkPipe,
       ],
diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts
index fafa33cc28..35d7845202 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts
+++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts
@@ -78,7 +78,6 @@ import {
   ErrorMessageComponent,
   FileIconComponent,
   IconComponent,
-  MoreIconComponent,
   RadioButtonCardComponent,
   SaveIconComponent,
   SendIconComponent,
@@ -189,7 +188,6 @@ const routes: Routes = [
     OzgcloudTextEditorComponent,
     DropdownMenuComponent,
     DropdownMenuTextItemComponent,
-    MoreIconComponent,
     FileIconComponent,
     ForwardingButtonContainerComponent,
     TooltipDirective,
-- 
GitLab