From e95e5fee737b19ccf6fcbdbe8848575a9d4c99ad Mon Sep 17 00:00:00 2001
From: Alexander Reifschneider <alexander.reifschneider@mgm-tp.com>
Date: Wed, 2 Apr 2025 16:20:43 +0200
Subject: [PATCH] OZG-7707 replace more icons - check-circle - bescheid-upload

---
 .../apps/demo/src/app/app.component.html      |  4 +-
 .../apps/demo/src/app/app.component.ts        |  2 -
 ...zard-upload-document-button.component.html |  4 +-
 ...d-upload-document-button.component.spec.ts |  4 +-
 .../libs/bescheid/src/lib/bescheid.module.ts  |  2 -
 alfa-client/libs/design-system/src/index.ts   |  2 -
 .../bescheid-upload-icon.component.spec.ts    | 44 --------------
 .../bescheid-upload-icon.component.ts         | 57 -------------------
 .../bescheid-upload-icon.stories.ts           | 50 ----------------
 .../check-circle-icon.component.spec.ts       | 21 -------
 .../check-circle-icon.component.ts            | 27 ---------
 .../check-circle-icon.stories.ts              | 50 ----------------
 .../annehmen-button.component.html            |  4 +-
 .../annehmen-button.component.spec.ts         |  4 +-
 .../src/lib/vorgang-detail.module.ts          |  4 --
 .../erledigen-button-container.component.html |  2 +-
 ...ledigen-button-container.component.spec.ts |  4 +-
 ...reroeffnen-button-container.component.html |  2 +-
 ...oeffnen-button-container.component.spec.ts |  4 +-
 .../src/lib/wiedervorlage.module.ts           | 26 +++++++--
 20 files changed, 38 insertions(+), 279 deletions(-)
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-icon.component.spec.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-icon.component.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-icon.stories.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.component.spec.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.component.ts
 delete mode 100644 alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.stories.ts

diff --git a/alfa-client/apps/demo/src/app/app.component.html b/alfa-client/apps/demo/src/app/app.component.html
index 7d4bba4498..565c0a88d7 100644
--- a/alfa-client/apps/demo/src/app/app.component.html
+++ b/alfa-client/apps/demo/src/app/app.component.html
@@ -592,14 +592,14 @@
 
         <div class="mt-4">
           <ods-file-upload-button class="w-72" [isLoading]="false" id="upload117" dataTestId="demo-upload-1">
-            <ods-bescheid-upload-icon icon />
+            <ods-icon icon name="bescheid-upload" color="pdf" size="extra-large" />
             <ods-spinner-icon spinner size="extra-large" />
             <p text class="text-center">Bescheiddokument<br />hochladen</p></ods-file-upload-button
           >
         </div>
         <div class="mt-4">
           <ods-file-upload-button class="w-72" [isLoading]="true" id="upload117" dataTestId="demo-upload-2">
-            <ods-bescheid-upload-icon icon />
+            <ods-icon icon name="bescheid-upload" color="pdf" size="extra-large" />
             <ods-spinner-icon spinner size="extra-large" />
             <p text class="text-center">Bescheiddokument<br />hochladen</p></ods-file-upload-button
           >
diff --git a/alfa-client/apps/demo/src/app/app.component.ts b/alfa-client/apps/demo/src/app/app.component.ts
index d671283d32..26f9bee0fd 100644
--- a/alfa-client/apps/demo/src/app/app.component.ts
+++ b/alfa-client/apps/demo/src/app/app.component.ts
@@ -29,7 +29,6 @@ import { RouterModule } from '@angular/router';
 import {
   AttachmentComponent,
   AttachmentWrapperComponent,
-  BescheidUploadIconComponent,
   ButtonCardComponent,
   ButtonComponent,
   CheckboxComponent,
@@ -80,7 +79,6 @@ import { CustomStepperComponent } from './components/cdk-demo/custom-stepper.com
     SendIconComponent,
     StampIconComponent,
     CloseIconComponent,
-    BescheidUploadIconComponent,
     SpinnerIconComponent,
     TextareaComponent,
     TextInputComponent,
diff --git a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/upload-document-button-container/upload-document-button/bescheid-wizard-upload-document-button.component.html b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/upload-document-button-container/upload-document-button/bescheid-wizard-upload-document-button.component.html
index 6ddb97a03c..1633e3b160 100644
--- a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/upload-document-button-container/upload-document-button/bescheid-wizard-upload-document-button.component.html
+++ b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/upload-document-button-container/upload-document-button/bescheid-wizard-upload-document-button.component.html
@@ -6,8 +6,8 @@
     class="w-72"
     data-test-id="bescheid-wizard-upload-document-upload-editor"
   >
-    <ods-bescheid-upload-icon icon></ods-bescheid-upload-icon>
-    <ods-spinner-icon spinner size="extra-large"></ods-spinner-icon>
+    <ods-icon icon name="bescheid-upload" color="pdf" size="extra-large" />
+    <ods-spinner-icon spinner size="extra-large" />
     <div text class="text-center">Bescheiddokument hochladen</div>
   </ods-single-file-upload-editor>
 </div>
diff --git a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/upload-document-button-container/upload-document-button/bescheid-wizard-upload-document-button.component.spec.ts b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/upload-document-button-container/upload-document-button/bescheid-wizard-upload-document-button.component.spec.ts
index 083c98f7ee..4938c9de60 100644
--- a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/upload-document-button-container/upload-document-button/bescheid-wizard-upload-document-button.component.spec.ts
+++ b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/upload-document-button-container/upload-document-button/bescheid-wizard-upload-document-button.component.spec.ts
@@ -10,7 +10,7 @@ import {
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule, UntypedFormBuilder } from '@angular/forms';
 import { SingleFileUploadEditorComponent } from '@ods/component';
-import { BescheidUploadIconComponent, SpinnerIconComponent } from '@ods/system';
+import { IconComponent, SpinnerIconComponent } from '@ods/system';
 import { MockComponent } from 'ng-mocks';
 import {
   createBescheidDocument,
@@ -41,7 +41,7 @@ describe('BescheidWizardDokumentHochladenButtonComponent', () => {
       declarations: [
         BescheidWizardUploadDocumentButtonComponent,
         MockComponent(SingleFileUploadEditorComponent),
-        MockComponent(BescheidUploadIconComponent),
+        MockComponent(IconComponent),
         MockComponent(SpinnerIconComponent),
         HasLinkPipe,
       ],
diff --git a/alfa-client/libs/bescheid/src/lib/bescheid.module.ts b/alfa-client/libs/bescheid/src/lib/bescheid.module.ts
index f790bef19c..e2d3862abc 100644
--- a/alfa-client/libs/bescheid/src/lib/bescheid.module.ts
+++ b/alfa-client/libs/bescheid/src/lib/bescheid.module.ts
@@ -58,7 +58,6 @@ import {
   AttachmentComponent,
   AttachmentWrapperComponent,
   BescheidStatusTextComponent,
-  BescheidUploadIconComponent,
   BescheidWrapperComponent,
   ButtonCardComponent,
   ButtonComponent,
@@ -129,7 +128,6 @@ import { BescheidWizardWeiterButtonComponent } from './bescheid-wizard-container
     ButtonCardComponent,
     IconComponent,
     SingleFileUploadEditorComponent,
-    BescheidUploadIconComponent,
     SpinnerIconComponent,
     AttachmentComponent,
     AttachmentWrapperComponent,
diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts
index c768768d8c..58278e9160 100644
--- a/alfa-client/libs/design-system/src/index.ts
+++ b/alfa-client/libs/design-system/src/index.ts
@@ -45,8 +45,6 @@ export * from './lib/form/textarea/textarea.component';
 export * from './lib/forwarding-item/forwarding-item-info/forwarding-item-info.component';
 export * from './lib/forwarding-item/forwarding-item.component';
 export * from './lib/icon/icon.component';
-export * from './lib/icons/bescheid-upload-icon/bescheid-upload-icon.component';
-export * from './lib/icons/check-circle-icon/check-circle-icon.component';
 export * from './lib/icons/check-icon/check-icon.component';
 export * from './lib/icons/close-icon/close-icon.component';
 export * from './lib/icons/delete-icon/delete-icon.component';
diff --git a/alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-icon.component.spec.ts
deleted file mode 100644
index b20106c0ae..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-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 { BescheidUploadIconComponent } from './bescheid-upload-icon.component';
-
-describe('BescheidUploadIconComponent', () => {
-  let component: BescheidUploadIconComponent;
-  let fixture: ComponentFixture<BescheidUploadIconComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [BescheidUploadIconComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(BescheidUploadIconComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-icon.component.ts
deleted file mode 100644
index b66c4da7ff..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-icon.component.ts
+++ /dev/null
@@ -1,57 +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-bescheid-upload-icon',
-  standalone: true,
-  imports: [NgClass],
-  template: `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    [ngClass]="[twMerge(iconVariants({ size }), 'fill-pdf', class)]"
-    aria-hidden="true"
-    fill="none"
-    viewBox="0 0 32 40"
-  >
-    <path
-      d="M32 12 20 0H4C1.8 0 .02 1.8.02 4L0 36c0 2.2 1.78 4 3.98 4H28c2.2 0 4-1.8 4-4V12Zm-4 24H4V4h14v10h10v22Z"
-    />
-    <path d="M18.273 2.86H2.856v34.285h26.429V13.574H18.273V2.86Z" />
-    <path
-      fill="#FEFEFE"
-      d="M15 24v-8.15l-2.6 2.6L11 17l5-5 5 5-1.4 1.45-2.6-2.6V24h-2Zm-5 4c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 8 26v-3h2v3h12v-3h2v3c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 22 28H10Z"
-    />
-  </svg>`,
-})
-export class BescheidUploadIconComponent {
-  @Input() size: IconVariants['size'] = 'extra-large';
-  @Input() class: string = undefined;
-
-  iconVariants = iconVariants;
-  twMerge = twMerge;
-}
diff --git a/alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-icon.stories.ts
deleted file mode 100644
index c9a76567ff..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/bescheid-upload-icon/bescheid-upload-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 { BescheidUploadIconComponent } from './bescheid-upload-icon.component';
-
-const meta: Meta<BescheidUploadIconComponent> = {
-  title: 'Icons/Bescheid upload icon',
-  component: BescheidUploadIconComponent,
-  excludeStories: /.*Data$/,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<BescheidUploadIconComponent>;
-
-export const Default: Story = {
-  args: { size: 'extra-large' },
-  argTypes: {
-    size: {
-      control: 'select',
-      options: ['small', 'medium', 'large', 'extra-large', 'full'],
-      description: 'Size of icon. Property "full" means 100%',
-      table: {
-        defaultValue: { summary: 'extra-large' },
-      },
-    },
-  },
-};
diff --git a/alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.component.spec.ts
deleted file mode 100644
index eda5ec6e83..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.component.spec.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CheckCircleIconComponent } from './check-circle-icon.component';
-
-describe('CheckCircleIconComponent', () => {
-  let component: CheckCircleIconComponent;
-  let fixture: ComponentFixture<CheckCircleIconComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [CheckCircleIconComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(CheckCircleIconComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.component.ts
deleted file mode 100644
index 86aa983a93..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.component.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { NgClass } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { twMerge } from 'tailwind-merge';
-import { iconVariants, IconVariants } from '../iconVariants';
-
-@Component({
-  selector: 'ods-check-circle-icon',
-  standalone: true,
-  imports: [NgClass],
-  template: `<svg
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    [ngClass]="[twMerge(iconVariants({ size }), 'fill-primary', class)]"
-    aria-hidden="true"
-  >
-    <path
-      d="M22 5.18L10.59 16.6L6.35 12.36L7.76 10.95L10.59 13.78L20.59 3.78L22 5.18ZM19.79 10.22C19.92 10.79 20 11.39 20 12C20 16.42 16.42 20 12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C13.58 4 15.04 4.46 16.28 5.25L17.72 3.81C16.1 2.67 14.13 2 12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 10.81 21.78 9.67 21.4 8.61L19.79 10.22Z"
-    />
-  </svg>`,
-})
-export class CheckCircleIconComponent {
-  @Input() size: IconVariants['size'] = 'medium';
-  @Input() class: string = undefined;
-
-  readonly iconVariants = iconVariants;
-  readonly twMerge = twMerge;
-}
diff --git a/alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-icon.stories.ts
deleted file mode 100644
index 21d0c5a0c4..0000000000
--- a/alfa-client/libs/design-system/src/lib/icons/check-circle-icon/check-circle-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 { CheckCircleIconComponent } from './check-circle-icon.component';
-
-const meta: Meta<CheckCircleIconComponent> = {
-  title: 'Icons/Check circle icon',
-  component: CheckCircleIconComponent,
-  excludeStories: /.*Data$/,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<CheckCircleIconComponent>;
-
-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/vorgang-detail/src/lib/buttons/annehmen-button/annehmen-button.component.html b/alfa-client/libs/vorgang-detail/src/lib/buttons/annehmen-button/annehmen-button.component.html
index f643340a8a..1c8396c66a 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/buttons/annehmen-button/annehmen-button.component.html
+++ b/alfa-client/libs/vorgang-detail/src/lib/buttons/annehmen-button/annehmen-button.component.html
@@ -34,7 +34,7 @@
       size="fit"
       dataTestId="annehmen-icon-button"
     >
-      <ods-check-circle-icon icon class="fill-text" />
+      <ods-icon icon name="check-circle" color="text" />
     </ods-button-with-spinner>
   } @else {
     <ods-button-with-spinner
@@ -44,7 +44,7 @@
       variant="outline"
       dataTestId="annehmen-button"
     >
-      <ods-check-circle-icon icon />
+      <ods-icon icon name="check-circle" />
     </ods-button-with-spinner>
   }
 }
diff --git a/alfa-client/libs/vorgang-detail/src/lib/buttons/annehmen-button/annehmen-button.component.spec.ts b/alfa-client/libs/vorgang-detail/src/lib/buttons/annehmen-button/annehmen-button.component.spec.ts
index f9798f26d3..97d15e8b68 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/buttons/annehmen-button/annehmen-button.component.spec.ts
+++ b/alfa-client/libs/vorgang-detail/src/lib/buttons/annehmen-button/annehmen-button.component.spec.ts
@@ -27,7 +27,7 @@ import { getElementComponentFromFixtureByCss, mock, notExistsAsHtmlElement, trig
 import { VorgangCommandService, VorgangWithEingangLinkRel } from '@alfa-client/vorgang-shared';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ButtonWithSpinnerComponent } from '@ods/component';
-import { CheckCircleIconComponent, TooltipDirective } from '@ods/system';
+import { IconComponent, TooltipDirective } from '@ods/system';
 import { createCommandResource } from 'libs/command-shared/test/command';
 import { getDataTestIdAttributeOf } from 'libs/tech-shared/test/data-test';
 import { createVorgangWithEingangResource } from 'libs/vorgang-shared/test/vorgang';
@@ -53,7 +53,7 @@ describe('AnnehmenButtonComponent', () => {
         AnnehmenButtonComponent,
         HasLinkPipe,
         MockComponent(ButtonWithSpinnerComponent),
-        MockComponent(CheckCircleIconComponent),
+        MockComponent(IconComponent),
         MockDirective(TooltipDirective),
       ],
       providers: [
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 7f290dcfb3..e1a8a6f374 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
@@ -71,10 +71,8 @@ import {
   AttachmentComponent,
   AttachmentWrapperComponent,
   BescheidStatusTextComponent,
-  BescheidUploadIconComponent,
   ButtonCardComponent,
   ButtonComponent,
-  CheckCircleIconComponent,
   CheckIconComponent,
   CloseIconComponent,
   DiscardVorgangIconComponent,
@@ -162,7 +160,6 @@ const routes: Routes = [
     SendIconComponent,
     StampIconComponent,
     SpinnerIconComponent,
-    BescheidUploadIconComponent,
     AttachmentComponent,
     AttachmentWrapperComponent,
     ButtonWithSpinnerComponent,
@@ -173,7 +170,6 @@ const routes: Routes = [
     BescheidStatusTextComponent,
     ErrorMessageComponent,
     CollaborationModule,
-    CheckCircleIconComponent,
     CheckIconComponent,
     MatDialogContent,
     ReactiveFormsModule,
diff --git a/alfa-client/libs/wiedervorlage/src/lib/erledigen-button-container/erledigen-button-container.component.html b/alfa-client/libs/wiedervorlage/src/lib/erledigen-button-container/erledigen-button-container.component.html
index 49f1ca7b95..c0be85781e 100644
--- a/alfa-client/libs/wiedervorlage/src/lib/erledigen-button-container/erledigen-button-container.component.html
+++ b/alfa-client/libs/wiedervorlage/src/lib/erledigen-button-container/erledigen-button-container.component.html
@@ -33,6 +33,6 @@
     size="fit"
     (clickEmitter)="erledigen()"
   >
-    <ods-check-circle-icon icon class="fill-text" />
+    <ods-icon icon name="check-circle" color="text" />
   </ods-button-with-spinner>
 }
diff --git a/alfa-client/libs/wiedervorlage/src/lib/erledigen-button-container/erledigen-button-container.component.spec.ts b/alfa-client/libs/wiedervorlage/src/lib/erledigen-button-container/erledigen-button-container.component.spec.ts
index f87fc191ba..7a33024753 100644
--- a/alfa-client/libs/wiedervorlage/src/lib/erledigen-button-container/erledigen-button-container.component.spec.ts
+++ b/alfa-client/libs/wiedervorlage/src/lib/erledigen-button-container/erledigen-button-container.component.spec.ts
@@ -26,7 +26,7 @@ import { mock } from '@alfa-client/test-utils';
 import { WiedervorlageLinkRel, WiedervorlageService } from '@alfa-client/wiedervorlage-shared';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ButtonWithSpinnerComponent } from '@ods/component';
-import { CheckCircleIconComponent, TooltipDirective } from '@ods/system';
+import { IconComponent, TooltipDirective } from '@ods/system';
 import { getDataTestIdAttributeOf } from 'libs/tech-shared/test/data-test';
 import { createWiedervorlageResource } from 'libs/wiedervorlage-shared/test/wiedervorlage';
 import { MockComponent, MockDirective } from 'ng-mocks';
@@ -46,7 +46,7 @@ describe('ErledigenButtonContainerComponent', () => {
         ErledigenButtonContainerComponent,
         HasLinkPipe,
         MockComponent(ButtonWithSpinnerComponent),
-        MockComponent(CheckCircleIconComponent),
+        MockComponent(IconComponent),
         MockDirective(TooltipDirective),
       ],
       providers: [
diff --git a/alfa-client/libs/wiedervorlage/src/lib/wiedereroeffnen-button-container/wiedereroeffnen-button-container.component.html b/alfa-client/libs/wiedervorlage/src/lib/wiedereroeffnen-button-container/wiedereroeffnen-button-container.component.html
index 89e6c8cfe1..be8296d701 100644
--- a/alfa-client/libs/wiedervorlage/src/lib/wiedereroeffnen-button-container/wiedereroeffnen-button-container.component.html
+++ b/alfa-client/libs/wiedervorlage/src/lib/wiedereroeffnen-button-container/wiedereroeffnen-button-container.component.html
@@ -33,6 +33,6 @@
     size="fit"
     (clickEmitter)="wiedereroeffnen()"
   >
-    <ods-check-circle-icon icon class="fill-text" />
+    <ods-icon icon name="check-circle" color="text" />
   </ods-button-with-spinner>
 }
diff --git a/alfa-client/libs/wiedervorlage/src/lib/wiedereroeffnen-button-container/wiedereroeffnen-button-container.component.spec.ts b/alfa-client/libs/wiedervorlage/src/lib/wiedereroeffnen-button-container/wiedereroeffnen-button-container.component.spec.ts
index c80ebee942..ead236dfd5 100644
--- a/alfa-client/libs/wiedervorlage/src/lib/wiedereroeffnen-button-container/wiedereroeffnen-button-container.component.spec.ts
+++ b/alfa-client/libs/wiedervorlage/src/lib/wiedereroeffnen-button-container/wiedereroeffnen-button-container.component.spec.ts
@@ -26,7 +26,7 @@ import { mock } from '@alfa-client/test-utils';
 import { WiedervorlageLinkRel, WiedervorlageService } from '@alfa-client/wiedervorlage-shared';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ButtonWithSpinnerComponent } from '@ods/component';
-import { CheckCircleIconComponent, TooltipDirective } from '@ods/system';
+import { IconComponent, TooltipDirective } from '@ods/system';
 import { createWiedervorlageResource } from 'libs/wiedervorlage-shared/test/wiedervorlage';
 import { MockComponent, MockDirective } from 'ng-mocks';
 import { WiedereroeffnenButtonContainerComponent } from './wiedereroeffnen-button-container.component';
@@ -45,7 +45,7 @@ describe('WiedereroeffnenButtonContainerComponent', () => {
         WiedereroeffnenButtonContainerComponent,
         HasLinkPipe,
         MockComponent(ButtonWithSpinnerComponent),
-        MockComponent(CheckCircleIconComponent),
+        MockComponent(IconComponent),
         MockDirective(TooltipDirective),
       ],
       providers: [
diff --git a/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage.module.ts b/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage.module.ts
index 7fe2f1babb..ad7d40f128 100644
--- a/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage.module.ts
+++ b/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage.module.ts
@@ -22,8 +22,26 @@
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
 import { BinaryFileModule } from '@alfa-client/binary-file';
-import { ConvertForDataTestPipe, FormatToPrettyDatePipe, HasLinkPipe, ToEmbeddedResourcesPipe, ToResourceUriPipe, ToTrafficLightPipe, ToTrafficLightTooltipPipe, } from '@alfa-client/tech-shared';
-import { BackButtonComponent, DateEditorComponent, ExpansionPanelComponent, IconButtonWithSpinnerComponent, OzgcloudStrokedButtonWithSpinnerComponent, OzgcloudTextEditorComponent, SpinnerComponent, SubnavigationComponent, TextAreaEditorComponent, } from '@alfa-client/ui';
+import {
+  ConvertForDataTestPipe,
+  FormatToPrettyDatePipe,
+  HasLinkPipe,
+  ToEmbeddedResourcesPipe,
+  ToResourceUriPipe,
+  ToTrafficLightPipe,
+  ToTrafficLightTooltipPipe,
+} from '@alfa-client/tech-shared';
+import {
+  BackButtonComponent,
+  DateEditorComponent,
+  ExpansionPanelComponent,
+  IconButtonWithSpinnerComponent,
+  OzgcloudStrokedButtonWithSpinnerComponent,
+  OzgcloudTextEditorComponent,
+  SpinnerComponent,
+  SubnavigationComponent,
+  TextAreaEditorComponent,
+} from '@alfa-client/ui';
 import { UserProfileModule } from '@alfa-client/user-profile';
 import { VorgangSharedModule } from '@alfa-client/vorgang-shared';
 import { VorgangSharedUiModule } from '@alfa-client/vorgang-shared-ui';
@@ -34,7 +52,7 @@ import { MatIcon } from '@angular/material/icon';
 import { MatTooltip } from '@angular/material/tooltip';
 import { RouterModule, Routes } from '@angular/router';
 import { ButtonWithSpinnerComponent } from '@ods/component';
-import { CheckCircleIconComponent, PlusIconComponent, SaveIconComponent, TooltipDirective, UpdateIconComponent, } from '@ods/system';
+import { IconComponent, PlusIconComponent, SaveIconComponent, TooltipDirective, UpdateIconComponent } from '@ods/system';
 import { MultiFileUploadComponent } from '../../../binary-file/src/lib/multi-file-upload/multi-file-upload.component';
 import { CreateWiedervorlageButtonContainerComponent } from './create-wiedervorlage-button-container/create-wiedervorlage-button-container.component';
 import { ErledigenButtonContainerComponent } from './erledigen-button-container/erledigen-button-container.component';
@@ -95,7 +113,7 @@ const routes: Routes = [
     TooltipDirective,
     UpdateIconComponent,
     PlusIconComponent,
-    CheckCircleIconComponent,
+    IconComponent,
     SaveIconComponent,
     MultiFileUploadComponent,
   ],
-- 
GitLab