diff --git a/projects/design-angular-kit/src/lib/components/core/callout/callout.component.html b/projects/design-angular-kit/src/lib/components/core/callout/callout.component.html
index c9626bf0..2a110757 100644
--- a/projects/design-angular-kit/src/lib/components/core/callout/callout.component.html
+++ b/projects/design-angular-kit/src/lib/components/core/callout/callout.component.html
@@ -11,7 +11,7 @@
 <ng-template #inner>
   @if (label) {
     <div class="callout-title">
-      <it-icon [name]="iconName"></it-icon>
+      <it-icon [labelWaria]="labelWaria" [name]="iconName"></it-icon>
       @if (hiddenLabel) {
         <span class="visually-hidden">{{ hiddenLabel }}</span>
       }
diff --git a/projects/design-angular-kit/src/lib/components/core/callout/callout.component.ts b/projects/design-angular-kit/src/lib/components/core/callout/callout.component.ts
index ee99879c..67d1d114 100644
--- a/projects/design-angular-kit/src/lib/components/core/callout/callout.component.ts
+++ b/projects/design-angular-kit/src/lib/components/core/callout/callout.component.ts
@@ -61,6 +61,16 @@ export class ItCalloutComponent {
    */
   @Input() icon: IconName | undefined;
 
+  /**
+   *  The input label even get labelWaria icon
+   * @default undefined
+   */
+  @Input() labelWaria: string | undefined = undefined;
+
+  getlabel() {
+    return this.labelWaria;
+  }
+
   protected get iconName(): IconName {
     if (this.icon) {
       return this.icon;
diff --git a/projects/design-angular-kit/src/lib/components/core/steppers/steppers-container/steppers-container.component.html b/projects/design-angular-kit/src/lib/components/core/steppers/steppers-container/steppers-container.component.html
index e8c5c209..f59c0e48 100644
--- a/projects/design-angular-kit/src/lib/components/core/steppers/steppers-container/steppers-container.component.html
+++ b/projects/design-angular-kit/src/lib/components/core/steppers/steppers-container/steppers-container.component.html
@@ -6,7 +6,7 @@
           @for (step of steps; track step.id; let i = $index) {
             <li [class.confirmed]="i < activeStep" [class.active]="i === activeStep" [class.no-line]="i === activeStep && steppersNumber">
               @if (step.icon && !steppersNumber) {
-                <it-icon [name]="step.icon"></it-icon>
+                <it-icon [labelWaria]="'check'" [name]="step.icon"></it-icon>
               }
               @if (steppersNumber) {
                 <span class="steppers-number">
@@ -58,7 +58,7 @@
           class="steppers-btn-prev"
           [disabled]="disableBackButton"
           (click)="backClick.emit(activeStep)">
-          <it-icon name="chevron-left" color="primary"></it-icon>
+          <it-icon [labelWaria]="'left'" name="chevron-left" color="primary"></it-icon>
           {{ 'it.core.back' | translate }}
         </button>
       }
@@ -101,7 +101,7 @@
           [disabled]="disableForwardButton"
           (click)="forwardClick.emit(activeStep)">
           {{ 'it.core.forward' | translate }}
-          <it-icon name="chevron-right" color="primary"></it-icon>
+          <it-icon [labelWaria]="'right'" name="chevron-right" color="primary"></it-icon>
         </button>
       }
       @if (showConfirmButton) {
@@ -121,6 +121,6 @@
 </div>
 
 <ng-template #checkIcon>
-  <it-icon name="check" class="steppers-success"></it-icon>
+  <it-icon [labelWaria]="'check'" name="check" class="steppers-success"></it-icon>
   <span class="visually-hidden">{{ 'it.core.confirmed' | translate }}</span>
 </ng-template>
diff --git a/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.html b/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.html
index 76adc4b3..33ae46e7 100644
--- a/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.html
+++ b/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.html
@@ -17,7 +17,7 @@
     (keydown)="onKeyDown()" />
 
   <span class="autocomplete-icon" aria-hidden="true">
-    <it-icon name="search" size="sm"></it-icon>
+    <it-icon [labelWaria]="labelWaria" name="search" size="sm"></it-icon>
   </span>
 
   @if (autocompleteResults$ | async; as autocomplete) {
diff --git a/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.ts b/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.ts
index 893e45a6..bcb57671 100644
--- a/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.ts
+++ b/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.ts
@@ -40,6 +40,11 @@ export class ItAutocompleteComponent extends ItAbstractFormComponent<string | nu
    */
   @Input() placeholder = '';
 
+  /**
+   * The input label even get labelWaria icon
+   */
+  @Input() labelWaria: string | undefined = undefined;
+
   /**
    * Show the label
    */