diff --git a/projects/design-angular-kit/src/lib/components/form/transfer/transfer-list/transfer-list.component.html b/projects/design-angular-kit/src/lib/components/form/transfer/transfer-list/transfer-list.component.html
index 59811bf1..5b8016c7 100644
--- a/projects/design-angular-kit/src/lib/components/form/transfer/transfer-list/transfer-list.component.html
+++ b/projects/design-angular-kit/src/lib/components/form/transfer/transfer-list/transfer-list.component.html
@@ -1,6 +1,6 @@
 <div class="it-transfer-wrapper source">
   <div class="transfer-header">
-    <div class="form-check" aria-describedby="">
+    <div class="form-check">
       <input
         #selectAllCheckbox
         type="checkbox"
@@ -11,7 +11,7 @@
         <span>
           @if (numberOfItems$ | async; as numberOfItems) {
             <span class="num"> {{ numberOfItems.length }}</span>
-            <span> {{ (numberOfItems.length > 1 ? 'it.transfer.items' : 'it.transfer.item') | translate }}</span>
+            <span> {{ (numberOfItems.length === 1 ? 'it.transfer.item' : 'it.transfer.items') | translate }}</span>
           }
         </span>
         <span class="descr">{{ title | titlecase }}</span>
@@ -23,7 +23,7 @@
   <div class="transfer-scroll">
     <div class="transfer-group">
       @for (item of items$ | async; track item.value) {
-        <div class="form-check" aria-describedby="">
+        <div class="form-check">
           <input
             type="checkbox"
             id="{{ instanceId }}-{{ item.value }}"
diff --git a/projects/design-angular-kit/src/lib/components/form/transfer/transfer-list/transfer-list.component.ts b/projects/design-angular-kit/src/lib/components/form/transfer/transfer-list/transfer-list.component.ts
index 009b4de7..625e5690 100644
--- a/projects/design-angular-kit/src/lib/components/form/transfer/transfer-list/transfer-list.component.ts
+++ b/projects/design-angular-kit/src/lib/components/form/transfer/transfer-list/transfer-list.component.ts
@@ -5,7 +5,7 @@ import { combineLatest, distinctUntilChanged, map, shareReplay, skip, startWith,
 import { ItAbstractComponent } from '../../../../abstracts/abstract.component';
 import { TransferStore } from '../store/transfer.store';
 import { TranslateModule } from '@ngx-translate/core';
-
+import { ItIconComponent } from 'projects/design-angular-kit/src/public_api';
 import { SourceType, TransferItem } from '../transfer.model';
 
 interface SelectableTransferItem<T> extends TransferItem<T> {
@@ -15,7 +15,7 @@ interface SelectableTransferItem<T> extends TransferItem<T> {
 @Component({
   selector: 'it-transfer-list',
   standalone: true,
-  imports: [TranslateModule, AsyncPipe, TitleCasePipe],
+  imports: [ItIconComponent, TranslateModule, AsyncPipe, TitleCasePipe],
   templateUrl: './transfer-list.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
diff --git a/projects/design-angular-kit/src/lib/components/form/transfer/transfer.component.html b/projects/design-angular-kit/src/lib/components/form/transfer/transfer.component.html
index a7bfd216..260576a4 100644
--- a/projects/design-angular-kit/src/lib/components/form/transfer/transfer.component.html
+++ b/projects/design-angular-kit/src/lib/components/form/transfer/transfer.component.html
@@ -1,4 +1,4 @@
-<div class="form-group">
+<div>
   @if (label) {
     <label [for]="id" [class.active]="!!control.value">{{ label }}</label>
   }
@@ -18,7 +18,7 @@
           (click)="transferClickHandler($event)"
           (keypress)="transferKeyPressHandler($event)"
           [attr.aria-label]="'it.transfer.aria-label-move-forward' | translate">
-          <svg class="icon"><use href="/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use></svg>
+          <it-icon name="arrow-right"></it-icon>
         </a>
         <span class="visually-hidden">{{ 'it.transfer.label-move-forward' | translate }}</span>
         <a
@@ -29,7 +29,7 @@
           (click)="backtransferClickHandler($event)"
           (keypress)="backtransferKeyPressHandler($event)"
           [attr.aria-label]="'it.transfer.aria-label-move-backward' | translate">
-          <svg class="icon"><use href="/bootstrap-italia/dist/svg/sprites.svg#it-arrow-left"></use></svg>
+          <it-icon name="arrow-left"></it-icon>
         </a>
         <span class="visually-hidden">{{ 'it.transfer.label-move-backward' | translate }}</span>
         <a
@@ -40,7 +40,7 @@
           (click)="resetClickHandler($event)"
           (keypress)="resetKeyPressHandler($event)"
           [attr.aria-label]="'it.transfer.aria-label-reset' | translate">
-          <svg class="icon"><use href="/bootstrap-italia/dist/svg/sprites.svg#it-restore"></use></svg>
+          <it-icon name="restore"></it-icon>
         </a>
         <span class="visually-hidden">{{ 'it.transfer.label-reset' | translate }}</span>
       </div>
diff --git a/projects/design-angular-kit/src/lib/components/form/transfer/transfer.component.ts b/projects/design-angular-kit/src/lib/components/form/transfer/transfer.component.ts
index b51ae971..d2f2fa36 100644
--- a/projects/design-angular-kit/src/lib/components/form/transfer/transfer.component.ts
+++ b/projects/design-angular-kit/src/lib/components/form/transfer/transfer.component.ts
@@ -9,6 +9,7 @@ import { TransferStore } from './store/transfer.store';
 import { ItTransferListComponent } from './transfer-list/transfer-list.component';
 import { TransferItem } from './transfer.model';
 import { TranslateModule } from '@ngx-translate/core';
+import { ItIconComponent } from 'projects/design-angular-kit/src/public_api';
 
 /**
  * Transfer
@@ -18,7 +19,7 @@ import { TranslateModule } from '@ngx-translate/core';
   selector: 'it-transfer',
   standalone: true,
   templateUrl: './transfer.component.html',
-  imports: [TranslateModule, ItTransferListComponent, NgClass, AsyncPipe, ReactiveFormsModule],
+  imports: [ItIconComponent, TranslateModule, ItTransferListComponent, NgClass, AsyncPipe, ReactiveFormsModule],
   providers: [TransferStore],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })