diff --git a/projects/assets-library/assets/icons/check-circle-fill.svg b/projects/assets-library/assets/icons/check-circle-fill.svg
new file mode 100644
index 000000000..fcc4e8f28
--- /dev/null
+++ b/projects/assets-library/assets/icons/check-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.7471 13.2929L15.3329 8.70708C15.7234 8.31655 16.3566 8.31655 16.7471 8.70708C17.1376 9.0976 17.1376 9.73077 16.7471 10.1213L11.4542 15.4142C11.0637 15.8047 10.4305 15.8047 10.04 15.4142L7.74712 13.1213C7.35659 12.7308 7.35659 12.0976 7.74712 11.7071C8.13764 11.3166 8.77081 11.3166 9.16133 11.7071L10.7471 13.2929Z" fill="currentColor"/>
+</svg>
diff --git a/projects/assets-library/src/icons/icon-library.module.ts b/projects/assets-library/src/icons/icon-library.module.ts
index 0ff40cd64..c04765bbb 100644
--- a/projects/assets-library/src/icons/icon-library.module.ts
+++ b/projects/assets-library/src/icons/icon-library.module.ts
@@ -25,6 +25,7 @@ const iconsRootPath = 'assets/icons';
         { key: IconType.ArrowUpLeft, url: `${iconsRootPath}/arrow-up-left.svg` },
         { key: IconType.ArrowUpRight, url: `${iconsRootPath}/arrow-up-right.svg` },
         { key: IconType.CheckCircle, url: `${iconsRootPath}/check-circle.svg` },
+        { key: IconType.CheckCircleFill, url: `${iconsRootPath}/check-circle-fill.svg` },
         { key: IconType.ChevronDown, url: `${iconsRootPath}/chevron-down.svg` },
         { key: IconType.ChevronLeft, url: `${iconsRootPath}/chevron-left.svg` },
         { key: IconType.ChevronRight, url: `${iconsRootPath}/chevron-right.svg` },
diff --git a/projects/assets-library/src/icons/icon-type.ts b/projects/assets-library/src/icons/icon-type.ts
index 23bea1559..521dfe2b3 100644
--- a/projects/assets-library/src/icons/icon-type.ts
+++ b/projects/assets-library/src/icons/icon-type.ts
@@ -16,6 +16,7 @@ export const enum IconType {
   ArrowUpRight = 'svg:arrow-up-right',
   Cancel = 'cancel',
   CheckCircle = 'svg:check-circle',
+  CheckCircleFill = 'svg:check-circle-fill',
   Checkmark = 'checkmark',
   ChevronDown = 'svg:chevron-down',
   ChevronLeft = 'svg:chevron-left',
diff --git a/projects/components/src/icon/icon-size.ts b/projects/components/src/icon/icon-size.ts
index 0c7284954..b243cb379 100644
--- a/projects/components/src/icon/icon-size.ts
+++ b/projects/components/src/icon/icon-size.ts
@@ -4,6 +4,7 @@ export const enum IconSize {
   Medium = 'medium',
   Large = 'large',
   ExtraLarge = 'extra-large',
+  ExtraLarger = 'extra-larger',
   Hodor = 'hodor',
   Inherit = 'inherit'
 }
diff --git a/projects/components/src/icon/icon.component.scss b/projects/components/src/icon/icon.component.scss
index 0f607eb47..16ae8141c 100644
--- a/projects/components/src/icon/icon.component.scss
+++ b/projects/components/src/icon/icon.component.scss
@@ -35,6 +35,12 @@
     width: 32px;
   }
 
+  &.extra-larger {
+    font-size: 48px;
+    height: 48px;
+    width: 48px;
+  }
+
   &.hodor {
     font-size: 64px;
     height: 64px;