diff --git a/apps/e2e/forms-storybook/src/app/input-box/input-box.component.html b/apps/e2e/forms-storybook/src/app/input-box/input-box.component.html
index da8a96c586..b9724c7bbf 100644
--- a/apps/e2e/forms-storybook/src/app/input-box/input-box.component.html
+++ b/apps/e2e/forms-storybook/src/app/input-box/input-box.component.html
@@ -202,7 +202,7 @@
         id="error-calendar-button"
         type="button"
       >
-        <sky-icon icon="calendar" />
+        <sky-icon icon="calendar" size="md" />
       </button>
     </div>
     <div class="sky-error-label">Field is required.</div>
@@ -251,7 +251,7 @@
     />
     <div class="sky-input-group-btn">
       <button disabled class="sky-btn sky-btn-default" type="button">
-        <sky-icon icon="calendar" />
+        <sky-icon icon="calendar" size="md" />
       </button>
     </div>
   </sky-input-box>
diff --git a/apps/e2e/indicators-storybook/src/app/icon/icon.component.html b/apps/e2e/indicators-storybook/src/app/icon/icon.component.html
index 4134e26843..f87c4f8a02 100644
--- a/apps/e2e/indicators-storybook/src/app/icon/icon.component.html
+++ b/apps/e2e/indicators-storybook/src/app/icon/icon.component.html
@@ -1,5 +1,5 @@
 <div class="icon-sheet">
-  <sky-icon icon="calendar" />
+  <sky-icon icon="calendar" size="md" />
   <sky-icon icon="calendar" size="lg" />
   <sky-icon icon="calendar" size="2x" />
   <sky-icon icon="calendar" variant="line" size="3x" />
@@ -15,7 +15,7 @@
     <sky-icon iconName="calendar-ltr" iconSize="xxxs" />
     <sky-icon iconName="calendar-ltr" iconSize="xxs" />
     <sky-icon iconName="calendar-ltr" iconSize="xs" />
-    <sky-icon iconName="calendar-ltr" iconSize="s" />
+    <sky-icon iconName="calendar-ltr" />
     <sky-icon iconName="calendar-ltr" iconSize="m" />
     <sky-icon iconName="calendar-ltr" iconSize="l" />
     <sky-icon iconName="calendar-ltr" iconSize="xl" />
@@ -36,7 +36,7 @@
 </div>
 <div class="sky-padding-even-md icon-svg-compare">
   <div class="sky-margin-stacked-lg">
-    <sky-icon icon="sparkles-2" />
+    <sky-icon icon="sparkles-2" size="md" />
     <sky-icon iconName="sparkles" />
     <sky-icon icon="sparkles-2" size="lg" />
     <sky-icon iconName="sparkles" size="lg" />
@@ -69,7 +69,7 @@
       <sky-icon iconName="clipboard-multiple" /> Copy
     </button>
     <button type="button" class="sky-btn sky-btn-primary sky-margin-inline-sm">
-      <sky-icon icon="copy-to-clipboard" /> Copy
+      <sky-icon icon="copy-to-clipboard" size="md" /> Copy
     </button>
     <button type="button" class="sky-btn sky-btn-primary">
       <sky-icon iconName="alert" /> Alert
diff --git a/apps/e2e/inline-form-storybook/src/app/inline-form/inline-form.component.html b/apps/e2e/inline-form-storybook/src/app/inline-form/inline-form.component.html
index 449e47ba18..03fab70e19 100644
--- a/apps/e2e/inline-form-storybook/src/app/inline-form/inline-form.component.html
+++ b/apps/e2e/inline-form-storybook/src/app/inline-form/inline-form.component.html
@@ -15,7 +15,7 @@
           type="button"
           (click)="onInlineFormOpen()"
         >
-          <sky-icon iconName="edit" iconSize="s" />
+          <sky-icon iconName="edit" />
         </button>
       </td>
     </tr>
diff --git a/apps/e2e/layout-storybook/src/app/inline-delete/inline-delete.component.html b/apps/e2e/layout-storybook/src/app/inline-delete/inline-delete.component.html
index 05abd636f1..63305cbc48 100644
--- a/apps/e2e/layout-storybook/src/app/inline-delete/inline-delete.component.html
+++ b/apps/e2e/layout-storybook/src/app/inline-delete/inline-delete.component.html
@@ -2,7 +2,7 @@
   <p>Triggered inline delete:</p>
   <div class="screenshot-inline-delete">
     <button class="sky-btn sky-btn-danger" type="button">
-      <sky-icon iconName="delete" iconSize="s" />
+      <sky-icon iconName="delete" />
     </button>
     <sky-inline-delete [pending]="false" />
   </div>
@@ -12,7 +12,7 @@
   <p>Triggered inline delete, pending:</p>
   <div class="screenshot-inline-delete">
     <button class="sky-btn sky-btn-danger" type="button">
-      <sky-icon iconName="delete" iconSize="s" />
+      <sky-icon iconName="delete" />
     </button>
     <sky-inline-delete [pending]="true" />
   </div>
diff --git a/apps/e2e/layout-storybook/src/app/toolbar/toolbar.component.html b/apps/e2e/layout-storybook/src/app/toolbar/toolbar.component.html
index 2e2a096519..b040c946e8 100644
--- a/apps/e2e/layout-storybook/src/app/toolbar/toolbar.component.html
+++ b/apps/e2e/layout-storybook/src/app/toolbar/toolbar.component.html
@@ -4,7 +4,6 @@
       <!-- The margin style here is to properly space the icon and button text in modern theme. This is not possible in the toolbar item with pure css today because you can't distinguish pure text nodes in css. -->
       <sky-icon
         iconName="add"
-        iconSize="s"
         [ngClass]="{
           'sky-margin-inline-compact': theme === 'modern'
         }"
@@ -40,14 +39,14 @@
       title="Sort descending"
       type="button"
     >
-      <sky-icon iconName="chevron-double-down" iconSize="s" />
+      <sky-icon iconName="chevron-double-down" />
     </button>
     <button
       class="sky-btn sky-btn-default sky-btn-icon"
       title="Sort ascending"
       type="button"
     >
-      <sky-icon iconName="chevron-double-up" iconSize="s" />
+      <sky-icon iconName="chevron-double-up" />
     </button>
   </sky-toolbar-view-actions>
 </sky-toolbar>
@@ -84,14 +83,14 @@
         title="Sort descending"
         type="button"
       >
-        <sky-icon iconName="chevron-double-down" iconSize="s" />
+        <sky-icon iconName="chevron-double-down" />
       </button>
       <button
         class="sky-btn sky-btn-default sky-btn-icon"
         title="Sort ascending"
         type="button"
       >
-        <sky-icon iconName="chevron-double-up" iconSize="s" />
+        <sky-icon iconName="chevron-double-up" />
       </button>
     </sky-toolbar-view-actions>
   </sky-toolbar-section>
diff --git a/apps/e2e/lists-storybook/src/app/repeater/repeater.component.html b/apps/e2e/lists-storybook/src/app/repeater/repeater.component.html
index fdafcd7eb3..59df20da24 100644
--- a/apps/e2e/lists-storybook/src/app/repeater/repeater.component.html
+++ b/apps/e2e/lists-storybook/src/app/repeater/repeater.component.html
@@ -29,7 +29,7 @@
         class="sky-btn sky-btn-icon-borderless"
         type="button"
       >
-        <sky-icon iconName="edit" iconSize="s" />
+        <sky-icon iconName="edit" />
       </button>
     </sky-repeater-item-context-menu>
     <sky-repeater-item-title>Item 3</sky-repeater-item-title>
@@ -46,7 +46,7 @@
         class="sky-btn sky-btn-icon-borderless"
         type="button"
       >
-        <sky-icon iconName="edit" iconSize="s" />
+        <sky-icon iconName="edit" />
       </button>
     </sky-repeater-item-context-menu>
     <sky-repeater-item-title>Item 4</sky-repeater-item-title>
diff --git a/apps/e2e/popovers-storybook/src/app/dropdown/dropdown.component.html b/apps/e2e/popovers-storybook/src/app/dropdown/dropdown.component.html
index b68c9464b0..7c6ece17f6 100644
--- a/apps/e2e/popovers-storybook/src/app/dropdown/dropdown.component.html
+++ b/apps/e2e/popovers-storybook/src/app/dropdown/dropdown.component.html
@@ -4,9 +4,7 @@
   [disabled]="disabledFlag"
   [horizontalAlignment]="horizontalAlignment"
 >
-  <sky-dropdown-button
-    ><sky-icon iconName="edit" iconSize="s"
-  /></sky-dropdown-button>
+  <sky-dropdown-button><sky-icon iconName="edit" /></sky-dropdown-button>
   <sky-dropdown-menu>
     <sky-dropdown-item>Item 1</sky-dropdown-item>
     <sky-dropdown-item>Item 2</sky-dropdown-item>
@@ -62,9 +60,9 @@
     skyDropdownTrigger
   >
     <div class="custom-trigger-inner">
-      <sky-icon iconName="add" iconSize="s" />
+      <sky-icon iconName="add" />
       New
-      <sky-icon iconName="chevron-down" iconSize="s" />
+      <sky-icon iconName="chevron-down" />
     </div>
   </button>
   <sky-dropdown-menu>
diff --git a/apps/integration-e2e/src/e2e/modal-viewkept-toolbars.cy.ts b/apps/integration-e2e/src/e2e/modal-viewkept-toolbars.cy.ts
index cf03530ae1..a55ba168db 100644
--- a/apps/integration-e2e/src/e2e/modal-viewkept-toolbars.cy.ts
+++ b/apps/integration-e2e/src/e2e/modal-viewkept-toolbars.cy.ts
@@ -24,11 +24,13 @@ describe('modal-viewkept-toolbars', () => {
         cy.get('.sky-lookup-show-more-modal-toolbar')
           .should('exist')
           .should('be.visible');
-        cy.get('.sky-lookup-show-more-modal-toolbar sky-icon[icon="search"]')
+        cy.get(
+          '.sky-lookup-show-more-modal-toolbar sky-icon[iconName="search"]',
+        )
           .should('exist')
           .should('be.visible');
         cy.get(
-          '.sky-lookup-show-more-modal-toolbar sky-icon[icon="search"] > i',
+          '.sky-lookup-show-more-modal-toolbar sky-icon[iconName="search"] > i',
         )
           .should('exist')
           .should('be.visible')
@@ -46,7 +48,7 @@ describe('modal-viewkept-toolbars', () => {
             el.first() && parseFloat(el.first().css('opacity')) > 0.9,
         );
         cy.get(
-          '.sky-lookup-show-more-modal-toolbar sky-icon[icon="search"] > i',
+          '.sky-lookup-show-more-modal-toolbar sky-icon[iconName="search"] > i',
         ).should(
           'satisfy',
           (el: JQuery<HTMLElement>) =>
@@ -55,7 +57,7 @@ describe('modal-viewkept-toolbars', () => {
         cy.get('.sky-lookup-show-more-modal-multiselect-toolbar').should(
           'be.visible',
         );
-        cy.get('sky-icon[icon="search"]').should('be.visible');
+        cy.get('sky-icon[iconName="search"]').should('be.visible');
         cy.window().skyVisualTest(`modal-viewkept-toolbars-${theme}`);
       });
     });
diff --git a/apps/integration/src/app/integrations/modal-viewkept-toolbars/modal-viewkept-toolbars-modal.component.html b/apps/integration/src/app/integrations/modal-viewkept-toolbars/modal-viewkept-toolbars-modal.component.html
index 44179890f9..5868b2c351 100644
--- a/apps/integration/src/app/integrations/modal-viewkept-toolbars/modal-viewkept-toolbars-modal.component.html
+++ b/apps/integration/src/app/integrations/modal-viewkept-toolbars/modal-viewkept-toolbars-modal.component.html
@@ -16,7 +16,7 @@
             type="button"
             class="sky-btn sky-btn-link sky-lookup-show-more-modal-add"
           >
-            <sky-icon icon="add" />
+            <sky-icon iconName="add" />
             Add
           </button>
         </sky-toolbar-view-actions>
diff --git a/apps/playground/src/app/components/core/resize-observer/flyout/resize-observer-content.component.html b/apps/playground/src/app/components/core/resize-observer/flyout/resize-observer-content.component.html
index 45e36b10a3..fc202a57d3 100644
--- a/apps/playground/src/app/components/core/resize-observer/flyout/resize-observer-content.component.html
+++ b/apps/playground/src/app/components/core/resize-observer/flyout/resize-observer-content.component.html
@@ -1,7 +1,7 @@
 @if (tabsHidden()) {
   <div class="sky-padding-even-md">
     <button class="sky-btn sky-btn-primary" type="button" (click)="showTabs()">
-      <sky-icon iconName="chevron-left" iconSize="s" />
+      <sky-icon iconName="chevron-left" />
       Show tabs
     </button>
   </div>
diff --git a/apps/playground/src/app/components/indicators/icon/icon.component.html b/apps/playground/src/app/components/indicators/icon/icon.component.html
index c1ef2e99b6..4e6125e3ee 100644
--- a/apps/playground/src/app/components/indicators/icon/icon.component.html
+++ b/apps/playground/src/app/components/indicators/icon/icon.component.html
@@ -3,12 +3,12 @@
   <sky-icon icon="copy-to-clipboard" size="lg" /> some more text
 </p>
 <p>
-  <sky-icon icon="copy-to-clipboard" iconSize="s" /> some text
+  <sky-icon icon="copy-to-clipboard" size="md" /> some text
   <sky-icon iconName="clipboard-multiple" iconSize="m" /> some more text
 </p>
 
 <div class="sky-margin-stacked-lg">
-  <sky-icon icon="sparkles-2" />
+  <sky-icon icon="sparkles-2" size="md" />
   <sky-icon iconName="sparkles" />
   <sky-icon icon="sparkles-2" size="lg" />
   <sky-icon iconName="sparkles" size="lg" />
@@ -39,13 +39,13 @@
   Some text.
 </div>
 <div class="sky-margin-stacked-lg">
-  <sky-icon iconName="sparkles" iconSize="s" />
+  <sky-icon iconName="sparkles" />
   <sky-icon iconName="sparkles" iconSize="m" />
   <sky-icon iconName="sparkles" iconSize="l" />
   <sky-icon iconName="sparkles" iconSize="xl" />
 </div>
 <div>
-  <sky-icon icon="copy-to-clipboard" />
+  <sky-icon icon="copy-to-clipboard" size="md" />
   <sky-icon icon="copy-to-clipboard" size="lg" />
 </div>
 <div>
@@ -85,7 +85,7 @@
     type="button"
     class="sky-btn sky-btn-default sky-margin-inline-sm"
   >
-    <sky-icon iconName="clipboard-multiple" iconSize="s" />
+    <sky-icon iconName="clipboard-multiple" />
   </button>
 </p>
 
@@ -96,7 +96,7 @@
     type="button"
     class="sky-btn sky-btn-default sky-margin-inline-sm"
   >
-    <sky-icon icon="copy-to-clipboard" />
+    <sky-icon icon="copy-to-clipboard" size="md" />
   </button>
 </p>
 
@@ -115,26 +115,26 @@
   </button>
   more text
   <button type="button" class="sky-btn sky-btn-primary sky-margin-inline-sm">
-    <sky-icon icon="copy-to-clipboard" /> Copy
+    <sky-icon icon="copy-to-clipboard" size="md" /> Copy
   </button>
   ok that is the rest of the text
 </p>
 <p>
   text next to the button
   <button type="button" class="sky-btn sky-btn-primary sky-margin-inline-sm">
-    <sky-icon iconName="clipboard-multiple" iconSize="s" /> Copy
+    <sky-icon iconName="clipboard-multiple" /> Copy
   </button>
   more text
   <button type="button" class="sky-btn sky-btn-primary sky-margin-inline-sm">
-    <sky-icon iconName="edit" iconSize="s" /> Copy
+    <sky-icon iconName="edit" /> Copy
   </button>
   more text
   <button type="button" class="sky-btn sky-btn-primary sky-margin-inline-sm">
-    <sky-icon iconName="sky-success" iconSize="s" /> Copy
+    <sky-icon iconName="sky-success" /> Copy
   </button>
   more text
   <button type="button" class="sky-btn sky-btn-primary sky-margin-inline-sm">
-    <sky-icon icon="copy-to-clipboard" /> Copy
+    <sky-icon icon="copy-to-clipboard" size="md" /> Copy
   </button>
   ok that is the rest of the text
 </p>
@@ -173,7 +173,7 @@ <h2>
 
 <p>
   Default size icon next to text inside a paragraph
-  <sky-icon icon="edit" /> some text after
+  <sky-icon icon="edit" size="md" /> some text after
 </p>
 
 <p style="font-size: 24px">
@@ -182,7 +182,7 @@ <h2>
 </p>
 <p style="font-size: 24px">
   Default size icon next to text inside a paragraph size 24px font
-  <sky-icon icon="edit" /> some text after
+  <sky-icon icon="edit" size="md" /> some text after
 </p>
 
 <p>
@@ -200,11 +200,11 @@ <h2>
 </p>
 <p style="font-size: 48px">
   16px size icon next to text inside a paragraph size 48px font
-  <span style="font-size: 16px"><sky-icon icon="edit" /></span>
+  <span style="font-size: 16px"><sky-icon icon="edit" size="md" /></span>
 </p>
 
 Icon next to text inline <sky-icon iconName="edit" /> Icon next to text inline
-<sky-icon icon="edit" />
+<sky-icon icon="edit" size="md" />
 
 regular text inline lg icon <sky-icon iconName="edit" size="lg" /> regular text
 inline lg icon <sky-icon icon="edit" size="lg" />
@@ -221,7 +221,7 @@ <h2>
 </div>
 <div style="font-size: 48px">
   Really big text next to a small icon in a div<span style="font-size: 16px"
-    ><sky-icon icon="edit"
+    ><sky-icon icon="edit" size="md"
   /></span>
 </div>
 
diff --git a/apps/playground/src/app/components/layout/toolbar/toolbar.component.html b/apps/playground/src/app/components/layout/toolbar/toolbar.component.html
index e6a8cc979f..f30b81d774 100644
--- a/apps/playground/src/app/components/layout/toolbar/toolbar.component.html
+++ b/apps/playground/src/app/components/layout/toolbar/toolbar.component.html
@@ -3,11 +3,7 @@
     <sky-toolbar-item>
       <button class="sky-btn sky-btn-primary" type="button">
         <!-- The margin style here is to properly space the icon and button text in modern theme. This is not possible in the toolbar item with pure css today because you can't distinguish pure text nodes in css. -->
-        <sky-icon
-          class="sky-margin-inline-compact"
-          iconName="add"
-          iconSize="s"
-        />
+        <sky-icon class="sky-margin-inline-compact" iconName="add" />
         Button 0
       </button>
     </sky-toolbar-item>
@@ -47,14 +43,14 @@
         title="Sort descending"
         type="button"
       >
-        <sky-icon iconName="chevron-double-down" iconSize="s" />
+        <sky-icon iconName="chevron-double-down" />
       </button>
       <button
         class="sky-btn sky-btn-default sky-btn-icon"
         title="Sort ascending"
         type="button"
       >
-        <sky-icon iconName="chevron-double-up" iconSize="s" />
+        <sky-icon iconName="chevron-double-up" />
       </button>
     </sky-toolbar-view-actions>
   </sky-toolbar>
@@ -93,14 +89,14 @@
           title="Sort descending"
           type="button"
         >
-          <sky-icon iconName="chevron-double-down" iconSize="s" />
+          <sky-icon iconName="chevron-double-down" />
         </button>
         <button
           class="sky-btn sky-btn-default sky-btn-icon"
           title="Sort ascending"
           type="button"
         >
-          <sky-icon iconName="chevron-double-up" iconSize="s" />
+          <sky-icon iconName="chevron-double-up" />
         </button>
       </sky-toolbar-view-actions>
     </sky-toolbar-section>
@@ -142,11 +138,7 @@
     <sky-toolbar-item>
       <button class="sky-btn sky-btn-primary" type="button">
         <!-- The margin style here is to property space the icon and button text in modern theme. This is not possible in the toolbar item with pure css today because you can't distinguish pure text nodes in css. -->
-        <sky-icon
-          class="sky-margin-inline-compact"
-          iconName="add"
-          iconSize="s"
-        />
+        <sky-icon class="sky-margin-inline-compact" iconName="add" />
         Button 0
       </button>
     </sky-toolbar-item>
@@ -180,14 +172,14 @@
         title="Sort descending"
         type="button"
       >
-        <sky-icon iconName="chevron-double-down" iconSize="s" />
+        <sky-icon iconName="chevron-double-down" />
       </button>
       <button
         class="sky-btn sky-btn-default sky-btn-icon"
         title="Sort ascending"
         type="button"
       >
-        <sky-icon iconName="chevron-double-up" iconSize="s" />
+        <sky-icon iconName="chevron-double-up" />
       </button>
     </sky-toolbar-view-actions>
   </sky-toolbar>
diff --git a/apps/playground/src/app/components/lists/repeater/repeater-visual.component.html b/apps/playground/src/app/components/lists/repeater/repeater-visual.component.html
index 2912621f1e..fca8cdff20 100644
--- a/apps/playground/src/app/components/lists/repeater/repeater-visual.component.html
+++ b/apps/playground/src/app/components/lists/repeater/repeater-visual.component.html
@@ -280,7 +280,7 @@ <h3>Repeater with inline-form</h3>
                     type="button"
                     (click)="activeInlineFormId = item.id"
                   >
-                    <sky-icon iconName="edit" iconSize="s" />
+                    <sky-icon iconName="edit" />
                   </button>
                 </sky-column>
               </sky-row>
diff --git a/apps/playground/src/app/components/popovers/dropdown/dropdown-example.component.html b/apps/playground/src/app/components/popovers/dropdown/dropdown-example.component.html
index a41bf81053..87b10a52c3 100644
--- a/apps/playground/src/app/components/popovers/dropdown/dropdown-example.component.html
+++ b/apps/playground/src/app/components/popovers/dropdown/dropdown-example.component.html
@@ -35,9 +35,7 @@
 <br />
 
 <sky-dropdown label="Filter">
-  <sky-dropdown-button
-    ><sky-icon iconName="filter" iconSize="s"
-  /></sky-dropdown-button>
+  <sky-dropdown-button><sky-icon iconName="filter" /></sky-dropdown-button>
   <sky-dropdown-menu>
     @for (item of items; track item.name) {
       <sky-dropdown-item>
@@ -60,9 +58,9 @@
     skyDropdownTrigger
   >
     <div class="custom-trigger-inner">
-      <sky-icon iconName="add" iconSize="s" />
+      <sky-icon iconName="add" />
       New
-      <sky-icon iconName="chevron-down" iconSize="s" />
+      <sky-icon iconName="chevron-down" />
     </div>
   </button>
   <sky-dropdown-menu>
diff --git a/apps/playground/src/app/components/tabs/sectioned-form/sectioned-form-modal-with-columns.component.html b/apps/playground/src/app/components/tabs/sectioned-form/sectioned-form-modal-with-columns.component.html
index 826e27feb7..af44fb1844 100644
--- a/apps/playground/src/app/components/tabs/sectioned-form/sectioned-form-modal-with-columns.component.html
+++ b/apps/playground/src/app/components/tabs/sectioned-form/sectioned-form-modal-with-columns.component.html
@@ -34,7 +34,7 @@
         type="button"
         (click)="showTabs()"
       >
-        <sky-icon iconName="chevron-left" iconSize="s" />
+        <sky-icon iconName="chevron-left" />
         Show sections
       </button>
     }
diff --git a/apps/playground/src/app/components/tabs/sectioned-form/sectioned-form-modal.component.html b/apps/playground/src/app/components/tabs/sectioned-form/sectioned-form-modal.component.html
index 5063e3357b..2db499aa7e 100644
--- a/apps/playground/src/app/components/tabs/sectioned-form/sectioned-form-modal.component.html
+++ b/apps/playground/src/app/components/tabs/sectioned-form/sectioned-form-modal.component.html
@@ -27,7 +27,7 @@
         type="button"
         (click)="showTabs()"
       >
-        <sky-icon iconName="chevron-left" iconSize="s" />
+        <sky-icon iconName="chevron-left" />
         Show sections
       </button>
     }
diff --git a/libs/components/ag-grid/src/lib/modules/ag-grid/header/header.component.html b/libs/components/ag-grid/src/lib/modules/ag-grid/header/header.component.html
index aac55b5e68..c324eb1aee 100644
--- a/libs/components/ag-grid/src/lib/modules/ag-grid/header/header.component.html
+++ b/libs/components/ag-grid/src/lib/modules/ag-grid/header/header.component.html
@@ -5,7 +5,7 @@
       aria-hidden="true"
       (click)="onMenuClick($event)"
     >
-      <sky-icon iconName="more-horizontal" iconSize="s" />
+      <sky-icon iconName="more-horizontal" />
     </span>
   }
   <div class="ag-header-cell-label" role="presentation">
@@ -33,7 +33,7 @@
         <span
           aria-hidden="true"
           class="ag-header-icon ag-header-label-icon ag-filter-icon"
-          ><sky-icon iconName="filter" iconSize="s"
+          ><sky-icon iconName="filter"
         /></span>
       }
       @if (params()?.enableSorting) {
@@ -45,7 +45,7 @@
           >
             @if (sortDirection === 'desc') {
               <span class="ag-header-icon ag-header-label-icon">
-                <sky-icon iconName="chevron-down" iconSize="s" />
+                <sky-icon iconName="chevron-down" />
                 <span class="sky-screen-reader-only">{{
                   'sky_ag_grid_column_header_sort_button_aria_label_currently_desc'
                     | skyLibResources: displayName() ?? accessibleHeaderText()
@@ -54,7 +54,7 @@
             }
             @if (sortDirection === 'asc') {
               <span class="ag-header-icon ag-header-label-icon">
-                <sky-icon iconName="chevron-up" iconSize="s" />
+                <sky-icon iconName="chevron-up" />
                 <span class="sky-screen-reader-only">{{
                   'sky_ag_grid_column_header_sort_button_aria_label_currently_asc'
                     | skyLibResources: displayName() ?? accessibleHeaderText()
diff --git a/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.html b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.html
index 6b184bd56b..0f4f9430cc 100644
--- a/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.html
+++ b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.html
@@ -53,7 +53,6 @@
             (click)="node.mouseAction('expanderClick', $event)"
           >
             <sky-icon
-              iconSize="s"
               [iconName]="node.isExpanded ? 'chevron-down' : 'chevron-right'"
             />
           </button>
diff --git a/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-toolbar.component.html b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-toolbar.component.html
index 72d966cae2..05eb1937bf 100644
--- a/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-toolbar.component.html
+++ b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-toolbar.component.html
@@ -27,7 +27,7 @@
         title="{{ 'skyux_angular_tree_expand_all' | skyLibResources }}"
         (click)="onExpandAllClick()"
       >
-        <sky-icon iconName="chevron-double-down" iconSize="s" />
+        <sky-icon iconName="chevron-double-down" />
       </button>
       <button
         class="sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-collapse-all-btn"
@@ -35,7 +35,7 @@
         title="{{ 'skyux_angular_tree_collapse_all' | skyLibResources }}"
         (click)="onCollapseAllClick()"
       >
-        <sky-icon iconName="chevron-double-up" iconSize="s" />
+        <sky-icon iconName="chevron-double-up" />
       </button>
     </sky-toolbar-view-actions>
   </sky-toolbar>
diff --git a/libs/components/code-examples/src/lib/modules/core/media-query/basic/example.component.html b/libs/components/code-examples/src/lib/modules/core/media-query/basic/example.component.html
index 9bd27f30f3..293a4e1c3a 100644
--- a/libs/components/code-examples/src/lib/modules/core/media-query/basic/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/core/media-query/basic/example.component.html
@@ -5,7 +5,7 @@
     <ul>
       <li>
         <button aria-label="Home" type="button">
-          <sky-icon iconName="building" iconSize="s" />
+          <sky-icon iconName="building" />
         </button>
       </li>
     </ul>
diff --git a/libs/components/code-examples/src/lib/modules/forms/selection-box/checkbox/example.component.html b/libs/components/code-examples/src/lib/modules/forms/selection-box/checkbox/example.component.html
index a7374cd792..0a03364821 100644
--- a/libs/components/code-examples/src/lib/modules/forms/selection-box/checkbox/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/forms/selection-box/checkbox/example.component.html
@@ -2,7 +2,7 @@
   <sky-selection-box-grid>
     @for (control of checkboxControls; track control; let i = $index) {
       <sky-selection-box [control]="checkbox">
-        <sky-icon iconSize="s" [iconName]="selectionBoxes[i].icon" />
+        <sky-icon [iconName]="selectionBoxes[i].icon" />
         <sky-selection-box-header #checkboxHeaderId="skyId" skyId>
           {{ selectionBoxes[i].name }}
         </sky-selection-box-header>
diff --git a/libs/components/code-examples/src/lib/modules/forms/selection-box/radio/example.component.html b/libs/components/code-examples/src/lib/modules/forms/selection-box/radio/example.component.html
index fe26e40a17..70ed2386cc 100644
--- a/libs/components/code-examples/src/lib/modules/forms/selection-box/radio/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/forms/selection-box/radio/example.component.html
@@ -3,7 +3,7 @@
     <sky-selection-box-grid>
       @for (item of items; track item) {
         <sky-selection-box [control]="radio">
-          <sky-icon iconSize="s" [iconName]="item['icon']" />
+          <sky-icon [iconName]="item['icon']" />
           <sky-selection-box-header #radioHeaderId="skyId" skyId>
             {{ item['name'] }}
           </sky-selection-box-header>
diff --git a/libs/components/code-examples/src/lib/modules/icon/basic/example.component.html b/libs/components/code-examples/src/lib/modules/icon/basic/example.component.html
index cd1710dd8f..dfd2390d52 100644
--- a/libs/components/code-examples/src/lib/modules/icon/basic/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/icon/basic/example.component.html
@@ -1,4 +1,4 @@
-<sky-icon iconName="calendar-ltr" iconSize="s" />
+<sky-icon iconName="calendar-ltr" />
 <sky-icon iconName="calendar-ltr" iconSize="m" />
 <sky-icon iconName="calendar-ltr" iconSize="l" />
 <sky-icon iconName="calendar-ltr" iconSize="xl" />
diff --git a/libs/components/code-examples/src/lib/modules/icon/icon-button/example.component.html b/libs/components/code-examples/src/lib/modules/icon/icon-button/example.component.html
index 80bf48d3e3..96f2fb60bd 100644
--- a/libs/components/code-examples/src/lib/modules/icon/icon-button/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/icon/icon-button/example.component.html
@@ -4,7 +4,7 @@
   (click)="textButtonClick()"
 >
   Save
-  <sky-icon data-sky-id="text-button-icon" iconName="save" iconSize="s" />
+  <sky-icon data-sky-id="text-button-icon" iconName="save" />
 </button>
 
 <button
diff --git a/libs/components/code-examples/src/lib/modules/inline-form/inline-form/basic/example.component.html b/libs/components/code-examples/src/lib/modules/inline-form/inline-form/basic/example.component.html
index 2f98ed52a8..e8627d88a3 100644
--- a/libs/components/code-examples/src/lib/modules/inline-form/inline-form/basic/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/inline-form/inline-form/basic/example.component.html
@@ -17,7 +17,7 @@
           type="button"
           (click)="onInlineFormOpen()"
         >
-          <sky-icon iconName="edit" iconSize="s" />
+          <sky-icon iconName="edit" />
         </button>
       </td>
     </tr>
diff --git a/libs/components/code-examples/src/lib/modules/inline-form/inline-form/custom-buttons/example.component.html b/libs/components/code-examples/src/lib/modules/inline-form/inline-form/custom-buttons/example.component.html
index a7143f0472..d0126538da 100644
--- a/libs/components/code-examples/src/lib/modules/inline-form/inline-form/custom-buttons/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/inline-form/inline-form/custom-buttons/example.component.html
@@ -17,7 +17,7 @@
           type="button"
           (click)="onInlineFormOpen()"
         >
-          <sky-icon iconName="edit" iconSize="s" />
+          <sky-icon iconName="edit" />
         </button>
       </td>
     </tr>
diff --git a/libs/components/code-examples/src/lib/modules/inline-form/inline-form/repeaters/example.component.html b/libs/components/code-examples/src/lib/modules/inline-form/inline-form/repeaters/example.component.html
index a0626ac657..c86c057550 100644
--- a/libs/components/code-examples/src/lib/modules/inline-form/inline-form/repeaters/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/inline-form/inline-form/repeaters/example.component.html
@@ -18,7 +18,7 @@
           type="button"
           (click)="showInlineForm(item)"
         >
-          <sky-icon iconName="edit" iconSize="s" />
+          <sky-icon iconName="edit" />
         </button>
       </sky-repeater-item-context-menu>
 
diff --git a/libs/components/code-examples/src/lib/modules/layout/inline-delete/custom/example.component.html b/libs/components/code-examples/src/lib/modules/layout/inline-delete/custom/example.component.html
index 0a55587c24..9302cd2df2 100644
--- a/libs/components/code-examples/src/lib/modules/layout/inline-delete/custom/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/layout/inline-delete/custom/example.component.html
@@ -6,7 +6,7 @@
       type="button"
       (click)="deleteItem()"
     >
-      <sky-icon iconName="delete" iconSize="s" />
+      <sky-icon iconName="delete" />
     </button>
   </div>
   @if (deleting) {
diff --git a/libs/components/code-examples/src/lib/modules/layout/toolbar/basic/example.component.html b/libs/components/code-examples/src/lib/modules/layout/toolbar/basic/example.component.html
index 9a095b1eb1..dc199df9a0 100644
--- a/libs/components/code-examples/src/lib/modules/layout/toolbar/basic/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/layout/toolbar/basic/example.component.html
@@ -24,7 +24,7 @@
       type="button"
       (click)="onButtonClicked('Expand')"
     >
-      <sky-icon iconName="chevron-double-down" iconSize="s" />
+      <sky-icon iconName="chevron-double-down" />
     </button>
     <button
       class="sky-btn sky-btn-default sky-btn-icon"
@@ -32,7 +32,7 @@
       type="button"
       (click)="onButtonClicked('Collapse')"
     >
-      <sky-icon iconName="chevron-double-up" iconSize="s" />
+      <sky-icon iconName="chevron-double-up" />
     </button>
   </sky-toolbar-view-actions>
 </sky-toolbar>
diff --git a/libs/components/code-examples/src/lib/modules/layout/toolbar/sectioned/example.component.html b/libs/components/code-examples/src/lib/modules/layout/toolbar/sectioned/example.component.html
index 3ee761d6aa..829bfe646f 100644
--- a/libs/components/code-examples/src/lib/modules/layout/toolbar/sectioned/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/layout/toolbar/sectioned/example.component.html
@@ -25,7 +25,7 @@
         type="button"
         (click)="onButtonClicked('Expand')"
       >
-        <sky-icon iconName="chevron-double-down" iconSize="s" />
+        <sky-icon iconName="chevron-double-down" />
       </button>
       <button
         class="sky-btn sky-btn-default sky-btn-icon"
@@ -33,7 +33,7 @@
         type="button"
         (click)="onButtonClicked('Collapse')"
       >
-        <sky-icon iconName="chevron-double-up" iconSize="s" />
+        <sky-icon iconName="chevron-double-up" />
       </button>
     </sky-toolbar-view-actions>
   </sky-toolbar-section>
@@ -44,7 +44,7 @@
         type="button"
         (click)="onButtonClicked('Sort')"
       >
-        <sky-icon iconName="arrow-sort" iconSize="s" />
+        <sky-icon iconName="arrow-sort" />
       </button>
     </sky-toolbar-item>
     <sky-toolbar-item data-sky-id="filter-button">
@@ -53,7 +53,7 @@
         type="button"
         (click)="onButtonClicked('Filter')"
       >
-        <sky-icon iconName="filter" iconSize="s" />
+        <sky-icon iconName="filter" />
       </button>
     </sky-toolbar-item>
   </sky-toolbar-section>
diff --git a/libs/components/code-examples/src/lib/modules/lists/repeater/inline-form/example.component.html b/libs/components/code-examples/src/lib/modules/lists/repeater/inline-form/example.component.html
index 3a582d378e..9995949f98 100644
--- a/libs/components/code-examples/src/lib/modules/lists/repeater/inline-form/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/lists/repeater/inline-form/example.component.html
@@ -18,7 +18,7 @@
           type="button"
           (click)="showInlineForm(item)"
         >
-          <sky-icon iconName="edit" iconSize="s" />
+          <sky-icon iconName="edit" />
         </button>
       </sky-repeater-item-context-menu>
 
diff --git a/libs/components/code-examples/src/lib/modules/lookup/autocomplete/custom-search/example.component.html b/libs/components/code-examples/src/lib/modules/lookup/autocomplete/custom-search/example.component.html
index 4f223dfaea..a659249270 100644
--- a/libs/components/code-examples/src/lib/modules/lookup/autocomplete/custom-search/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/lookup/autocomplete/custom-search/example.component.html
@@ -27,6 +27,6 @@
 </form>
 
 <ng-template #oceanSearchResultTemplate let-item="item">
-  <sky-icon iconName="arrow-right" iconSize="s" />
+  <sky-icon iconName="arrow-right" />
   {{ item.title }} &bull; ID {{ item.id }}
 </ng-template>
diff --git a/libs/components/code-examples/src/lib/modules/lookup/lookup/custom-picker/picker-modal.component.html b/libs/components/code-examples/src/lib/modules/lookup/lookup/custom-picker/picker-modal.component.html
index c4569edb93..77bec60f7b 100644
--- a/libs/components/code-examples/src/lib/modules/lookup/lookup/custom-picker/picker-modal.component.html
+++ b/libs/components/code-examples/src/lib/modules/lookup/lookup/custom-picker/picker-modal.component.html
@@ -9,7 +9,7 @@
             let i = $index
           ) {
             <sky-selection-box [control]="checkbox">
-              <sky-icon iconName="person" iconSize="s" />
+              <sky-icon iconName="person" />
               <sky-selection-box-header>
                 {{ people[i].name }}
               </sky-selection-box-header>
diff --git a/libs/components/code-examples/src/lib/modules/pages/page/home-page-blocks-layout-demo/example.component.html b/libs/components/code-examples/src/lib/modules/pages/page/home-page-blocks-layout-demo/example.component.html
index aa7983c35d..7fa988845a 100644
--- a/libs/components/code-examples/src/lib/modules/pages/page/home-page-blocks-layout-demo/example.component.html
+++ b/libs/components/code-examples/src/lib/modules/pages/page/home-page-blocks-layout-demo/example.component.html
@@ -2,7 +2,7 @@
   <sky-page-header pageTitle="Home">
     <sky-page-header-actions>
       <button type="button" class="sky-btn sky-btn-default">
-        <sky-icon iconName="add" iconSize="s" /> New
+        <sky-icon iconName="add" /> New
       </button>
     </sky-page-header-actions>
   </sky-page-header>
diff --git a/libs/components/code-examples/src/lib/modules/pages/page/list-page-list-layout-demo/list-page-content.component.html b/libs/components/code-examples/src/lib/modules/pages/page/list-page-list-layout-demo/list-page-content.component.html
index eff72c4dc4..238e6d83bc 100644
--- a/libs/components/code-examples/src/lib/modules/pages/page/list-page-list-layout-demo/list-page-content.component.html
+++ b/libs/components/code-examples/src/lib/modules/pages/page/list-page-list-layout-demo/list-page-content.component.html
@@ -7,7 +7,7 @@
           class="sky-btn sky-btn-default"
           type="button"
         >
-          <sky-icon iconName="add" iconSize="s" />
+          <sky-icon iconName="add" />
           New
         </button>
       </sky-data-manager-toolbar-primary-item>
diff --git a/libs/components/code-examples/src/lib/modules/pages/page/list-page-tabs-layout-demo/list-page-contacts-grid.component.html b/libs/components/code-examples/src/lib/modules/pages/page/list-page-tabs-layout-demo/list-page-contacts-grid.component.html
index 4cd9063c82..1521526c9f 100644
--- a/libs/components/code-examples/src/lib/modules/pages/page/list-page-tabs-layout-demo/list-page-contacts-grid.component.html
+++ b/libs/components/code-examples/src/lib/modules/pages/page/list-page-tabs-layout-demo/list-page-contacts-grid.component.html
@@ -7,7 +7,7 @@
           class="sky-btn sky-btn-default"
           type="button"
         >
-          <sky-icon iconName="add" iconSize="s" />
+          <sky-icon iconName="add" />
           New
         </button>
       </sky-data-manager-toolbar-primary-item>
diff --git a/libs/components/code-examples/src/lib/modules/pages/page/record-page-blocks-layout-demo/record-page-content.component.html b/libs/components/code-examples/src/lib/modules/pages/page/record-page-blocks-layout-demo/record-page-content.component.html
index fadb5c5f0a..e1f7866aa0 100644
--- a/libs/components/code-examples/src/lib/modules/pages/page/record-page-blocks-layout-demo/record-page-content.component.html
+++ b/libs/components/code-examples/src/lib/modules/pages/page/record-page-blocks-layout-demo/record-page-content.component.html
@@ -8,7 +8,7 @@
             class="sky-btn sky-btn-icon-borderless"
             type="button"
           >
-            <sky-icon iconName="edit" iconSize="s" />
+            <sky-icon iconName="edit" />
           </button>
         </sky-box-controls>
         <sky-box-content>
diff --git a/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-attachments-tab.component.html b/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-attachments-tab.component.html
index 9d5f57b323..1a84f1b33e 100644
--- a/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-attachments-tab.component.html
+++ b/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-attachments-tab.component.html
@@ -7,7 +7,7 @@
           class="sky-btn sky-btn-default"
           type="button"
         >
-          <sky-icon iconName="add" iconSize="s" />
+          <sky-icon iconName="add" />
           New
         </button>
       </sky-data-manager-toolbar-primary-item>
diff --git a/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-notes-tab.component.html b/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-notes-tab.component.html
index 36a5613ebe..0212aa3764 100644
--- a/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-notes-tab.component.html
+++ b/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-notes-tab.component.html
@@ -6,7 +6,7 @@
         type="button"
         aria-label="New note"
       >
-        <sky-icon iconName="add" iconSize="s" />
+        <sky-icon iconName="add" />
         New
       </button>
     </sky-toolbar-item>
@@ -30,7 +30,7 @@
         type="button"
         aria-label="Export notes"
       >
-        <sky-icon iconName="document-xls" iconSize="s" />
+        <sky-icon iconName="document-xls" />
         Export
       </button>
     </sky-toolbar-item>
diff --git a/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-overview-tab.component.html b/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-overview-tab.component.html
index 50178c66cf..2c6fcc8acc 100644
--- a/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-overview-tab.component.html
+++ b/libs/components/code-examples/src/lib/modules/pages/page/record-page-tabs-layout-demo/record-page-overview-tab.component.html
@@ -8,7 +8,7 @@
             class="sky-btn sky-btn-icon-borderless"
             type="button"
           >
-            <sky-icon iconName="edit" iconSize="s" />
+            <sky-icon iconName="edit" />
           </button>
         </sky-box-controls>
         <sky-box-content>
diff --git a/libs/components/code-examples/src/lib/modules/tabs/sectioned-form/modal/modal.component.html b/libs/components/code-examples/src/lib/modules/tabs/sectioned-form/modal/modal.component.html
index 1e7b115135..b90954007b 100644
--- a/libs/components/code-examples/src/lib/modules/tabs/sectioned-form/modal/modal.component.html
+++ b/libs/components/code-examples/src/lib/modules/tabs/sectioned-form/modal/modal.component.html
@@ -23,7 +23,7 @@
         type="button"
         (click)="showTabs()"
       >
-        <sky-icon iconName="chevron-left" iconSize="s" />
+        <sky-icon iconName="chevron-left" />
         Show sections
       </button>
     }
diff --git a/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.html b/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.html
index ed5d8425ff..7a5f6f6acb 100644
--- a/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.html
+++ b/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.html
@@ -76,7 +76,6 @@
       <sky-icon
         *skyThemeIf="'default'"
         class="sky-colorpicker-button-icon"
-        iconSize="s"
         variant="solid"
         [iconName]="pickerButtonIcon"
         [style.color]="iconColor"
@@ -355,8 +354,8 @@
       }"
       (click)="onResetClick()"
     >
-      <sky-icon *skyThemeIf="'default'" iconName="dismiss" iconSize="s" />
-      <sky-icon *skyThemeIf="'modern'" iconName="delete" iconSize="s" />
+      <sky-icon *skyThemeIf="'default'" iconName="dismiss" />
+      <sky-icon *skyThemeIf="'modern'" iconName="delete" />
     </button>
   }
 </div>
diff --git a/libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.html b/libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.html
index 95f67fb30b..b25ccaa61b 100644
--- a/libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.html
+++ b/libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.html
@@ -43,7 +43,7 @@
             "
             (click)="openColumnPicker()"
           >
-            <sky-icon iconName="table-freeze-column" iconSize="s" />
+            <sky-icon iconName="table-freeze-column" />
             <span class="sky-column-selector-action-btn-text">
               {{ 'skyux_data_manager_columns_button_title' | skyLibResources }}
             </span>
diff --git a/libs/components/datetime/src/lib/modules/datepicker/calendar/datepicker-calendar-inner.component.html b/libs/components/datetime/src/lib/modules/datepicker/calendar/datepicker-calendar-inner.component.html
index 1cdc4e5adb..6fcad7d49c 100644
--- a/libs/components/datetime/src/lib/modules/datepicker/calendar/datepicker-calendar-inner.component.html
+++ b/libs/components/datetime/src/lib/modules/datepicker/calendar/datepicker-calendar-inner.component.html
@@ -8,11 +8,7 @@
           [attr.aria-label]="previousLabel"
           (click)="moveCalendar($event, -1)"
         >
-          <sky-icon
-            class="sky-datepicker-chevron"
-            iconName="chevron-left"
-            iconSize="s"
-          />
+          <sky-icon class="sky-datepicker-chevron" iconName="chevron-left" />
         </button>
       </span>
       <span class="sky-datepicker-header-center">
@@ -36,11 +32,7 @@
           [attr.aria-label]="nextLabel"
           (click)="moveCalendar($event, 1)"
         >
-          <sky-icon
-            class="sky-datepicker-chevron"
-            iconName="chevron-right"
-            iconSize="s"
-          />
+          <sky-icon class="sky-datepicker-chevron" iconName="chevron-right" />
         </button>
       </span>
     </div>
diff --git a/libs/components/flyout/src/lib/modules/flyout/flyout-iterator.component.html b/libs/components/flyout/src/lib/modules/flyout/flyout-iterator.component.html
index 84d1927750..b6b2be014e 100644
--- a/libs/components/flyout/src/lib/modules/flyout/flyout-iterator.component.html
+++ b/libs/components/flyout/src/lib/modules/flyout/flyout-iterator.component.html
@@ -12,7 +12,7 @@
     }"
     (click)="onIteratorPreviousClick()"
   >
-    <sky-icon iconName="chevron-up" iconSize="s" />
+    <sky-icon iconName="chevron-up" />
   </button>
   <button
     class="sky-btn sky-flyout-iterator-next"
@@ -25,6 +25,6 @@
     }"
     (click)="onIteratorNextClick()"
   >
-    <sky-icon iconName="chevron-down" iconSize="s" />
+    <sky-icon iconName="chevron-down" />
   </button>
 </div>
diff --git a/libs/components/flyout/src/lib/modules/flyout/flyout.component.html b/libs/components/flyout/src/lib/modules/flyout/flyout.component.html
index 5f412502ac..ab833d2745 100644
--- a/libs/components/flyout/src/lib/modules/flyout/flyout.component.html
+++ b/libs/components/flyout/src/lib/modules/flyout/flyout.component.html
@@ -41,7 +41,7 @@
         (keydown)="onHeaderGrabHandleKeyDown($event)"
         (mousedown)="onHeaderGrabHandleMouseDown($event)"
       >
-        <sky-icon *skyThemeIf="'modern'" iconName="grid-dots" iconSize="s" />
+        <sky-icon *skyThemeIf="'modern'" iconName="grid-dots" />
       </button>
 
       @if (config.showIterator) {
diff --git a/libs/components/forms/src/lib/modules/checkbox/checkbox.component.html b/libs/components/forms/src/lib/modules/checkbox/checkbox.component.html
index 27c619a464..0243ee9b55 100644
--- a/libs/components/forms/src/lib/modules/checkbox/checkbox.component.html
+++ b/libs/components/forms/src/lib/modules/checkbox/checkbox.component.html
@@ -52,14 +52,12 @@
           <sky-icon
             class="sky-checkbox-icon-indeterminate sky-checkbox-icon-modern-indeterminate"
             iconName="square"
-            iconSize="s"
             variant="solid"
           />
         } @else if (checked) {
           <sky-icon
             class="sky-checkbox-icon-modern-checked"
             iconName="checkmark"
-            iconSize="s"
           />
         }
       }
diff --git a/libs/components/forms/src/lib/modules/file-attachment/file-attachment/file-attachment.component.html b/libs/components/forms/src/lib/modules/file-attachment/file-attachment/file-attachment.component.html
index 733e8c82f2..724e3652fc 100644
--- a/libs/components/forms/src/lib/modules/file-attachment/file-attachment/file-attachment.component.html
+++ b/libs/components/forms/src/lib/modules/file-attachment/file-attachment/file-attachment.component.html
@@ -89,7 +89,7 @@
         (click)="onDropClicked()"
         (blur)="onButtonBlur()"
       >
-        <sky-icon iconName="folder-open" iconSize="s" />
+        <sky-icon iconName="folder-open" />
         {{
           value
             ? ('skyux_file_attachment_button_label_replace_file'
@@ -100,11 +100,7 @@
       </button>
     }
     @if (value && !isImage && currentThemeName === 'modern') {
-      <sky-icon
-        class="sky-file-attachment-icon"
-        iconName="document"
-        iconSize="s"
-      />
+      <sky-icon class="sky-file-attachment-icon" iconName="document" />
     }
     @if (value || currentThemeName === 'default') {
       <span class="sky-file-attachment-file-link">
@@ -139,7 +135,7 @@
         [disabled]="disabled"
         (click)="deleteFileAttachment()"
       >
-        <sky-icon iconName="delete" iconSize="s" />
+        <sky-icon iconName="delete" />
       </button>
     }
   </div>
diff --git a/libs/components/grids/src/lib/modules/grid/grid.component.html b/libs/components/grids/src/lib/modules/grid/grid.component.html
index 84965ee81f..61445ba9ee 100644
--- a/libs/components/grids/src/lib/modules/grid/grid.component.html
+++ b/libs/components/grids/src/lib/modules/grid/grid.component.html
@@ -68,7 +68,6 @@
               }}</span>
               <sky-icon
                 class="sky-grid-heading-sort"
-                iconSize="s"
                 variant="solid"
                 [ngClass]="
                   'sky-grid-heading-sort-' +
diff --git a/libs/components/help-inline/src/lib/modules/help-inline/help-inline.component.html b/libs/components/help-inline/src/lib/modules/help-inline/help-inline.component.html
index 4ba6e7c6a0..8272b406cb 100644
--- a/libs/components/help-inline/src/lib/modules/help-inline/help-inline.component.html
+++ b/libs/components/help-inline/src/lib/modules/help-inline/help-inline.component.html
@@ -42,7 +42,7 @@
 }
 
 <ng-template #icon>
-  <sky-icon iconName="sky-info" iconSize="s" />
+  <sky-icon iconName="sky-info" />
 </ng-template>
 
 <span #labelledByPrefixRef="skyId" hidden skyId>{{
diff --git a/libs/components/icon/src/lib/modules/icon/icon-svg.component.scss b/libs/components/icon/src/lib/modules/icon/icon-svg.component.scss
index ddce0ca1d3..a71a46827a 100644
--- a/libs/components/icon/src/lib/modules/icon/icon-svg.component.scss
+++ b/libs/components/icon/src/lib/modules/icon/icon-svg.component.scss
@@ -16,11 +16,11 @@
   );
 
   &.sky-icon-svg {
-    &-responsive-md {
+    &-relative-md {
       --sky-icon-svg-img-size: 1em;
     }
 
-    &-responsive-lg {
+    &-relative-lg {
       .sky-icon-svg-img {
         transform: scale(1.33);
       }
@@ -30,19 +30,19 @@
       }
     }
 
-    &-responsive-2x {
+    &-relative-2x {
       --sky-icon-svg-img-size: 2em;
     }
 
-    &-responsive-3x {
+    &-relative-3x {
       --sky-icon-svg-img-size: 3em;
     }
 
-    &-responsive-4x {
+    &-relative-4x {
       --sky-icon-svg-img-size: 4em;
     }
 
-    &-responsive-5x {
+    &-relative-5x {
       --sky-icon-svg-img-size: 5em;
     }
 
diff --git a/libs/components/icon/src/lib/modules/icon/icon-svg.component.ts b/libs/components/icon/src/lib/modules/icon/icon-svg.component.ts
index 7651748c0a..03b68be97f 100644
--- a/libs/components/icon/src/lib/modules/icon/icon-svg.component.ts
+++ b/libs/components/icon/src/lib/modules/icon/icon-svg.component.ts
@@ -10,7 +10,7 @@ import { SkyIconVariantType } from './types/icon-variant-type';
 
 const SIZE_BASE = 16;
 
-const FLUID_SIZES = new Map([
+const RELATIVE_SIZES = new Map([
   ['md', SIZE_BASE],
   ['lg', 21.333 /* SIZE_BASE * (4/3) */],
   ['2x', 32 /* SIZE_BASE * 2 */],
@@ -26,6 +26,10 @@ const FIXED_SIZES = new Map([
   ['xl', 32],
 ]);
 
+function defaultSize(value: SkyIconSize | undefined): SkyIconSize {
+  return value ?? 's';
+}
+
 /**
  * @internal
  */
@@ -35,7 +39,7 @@ const FIXED_SIZES = new Map([
   styleUrls: ['./icon-svg.component.scss'],
   host: {
     '[class]':
-      'iconSize() ? "sky-icon-svg-" + iconSize() : "sky-icon-svg-responsive-" + relativeSize()',
+      'relativeSize() ? "sky-icon-svg-relative=" + relativeSize() : "sky-icon-svg-" + iconSize()',
   },
   hostDirectives: [SkyThemeComponentClassDirective],
 })
@@ -43,8 +47,10 @@ export class SkyIconSvgComponent {
   readonly #resolverSvc = inject(SkyIconSvgResolverService);
 
   public readonly iconName = input.required<string>();
-  public readonly iconSize = input<SkyIconSize | undefined>();
-  public readonly relativeSize = input<string>('md');
+  public readonly iconSize = input<SkyIconSize, SkyIconSize | undefined>('s', {
+    transform: defaultSize,
+  });
+  public readonly relativeSize = input<string | undefined>();
   public readonly iconVariant = input<SkyIconVariantType>();
 
   readonly #iconInfo = computed(() => {
@@ -61,9 +67,9 @@ export class SkyIconSvgComponent {
       switchMap((info) =>
         this.#resolverSvc.resolveHref(
           info.src,
-          info.iconSize !== undefined
-            ? FIXED_SIZES.get(info.iconSize)
-            : FLUID_SIZES.get(info.relativeSize),
+          info.relativeSize !== undefined
+            ? RELATIVE_SIZES.get(info.relativeSize)
+            : FIXED_SIZES.get(info.iconSize),
           info.variant,
         ),
       ),
diff --git a/libs/components/icon/src/lib/modules/icon/icon.component.spec.ts b/libs/components/icon/src/lib/modules/icon/icon.component.spec.ts
index 88d45267a2..b2381cadd4 100644
--- a/libs/components/icon/src/lib/modules/icon/icon.component.spec.ts
+++ b/libs/components/icon/src/lib/modules/icon/icon.component.spec.ts
@@ -97,7 +97,7 @@ describe('Icon component', () => {
       setupIcon('spinner', undefined, undefined, undefined, undefined);
 
       expect(element.querySelector('.sky-icon')).toHaveCssClass('fa-spinner');
-      expect(element.querySelector('.sky-icon')?.classList.length).toBe(4);
+      expect(element.querySelector('.sky-icon')?.classList.length).toBe(3);
     });
 
     it('should display the specified variant', () => {
diff --git a/libs/components/icon/src/lib/modules/icon/icon.component.ts b/libs/components/icon/src/lib/modules/icon/icon.component.ts
index 7ec6672909..38d7ff40d2 100644
--- a/libs/components/icon/src/lib/modules/icon/icon.component.ts
+++ b/libs/components/icon/src/lib/modules/icon/icon.component.ts
@@ -50,13 +50,7 @@ export class SkyIconComponent {
    * @deprecated `size` is deprecated and will be removed in SKY UX 13. Use `iconSize` to set a specific size that does not scale with font size instead.
    */
   @Input()
-  public get size(): string {
-    return this.#_size;
-  }
-
-  public set size(value: string | undefined) {
-    this.#_size = value ?? 'md';
-  }
+  public size: string | undefined;
 
   /**
    * Whether to enforce a fixed width based on icon size. By default, icons of a specified size share a
@@ -82,6 +76,4 @@ export class SkyIconComponent {
   public readonly iconSize = input<SkyIconSize | undefined>();
 
   protected themeSvc = inject(SkyThemeService, { optional: true });
-
-  #_size = 'md';
 }
diff --git a/libs/components/icon/testing/src/modules/icon/icon-harness.spec.ts b/libs/components/icon/testing/src/modules/icon/icon-harness.spec.ts
index dc5a175c5a..bcb5de43ac 100644
--- a/libs/components/icon/testing/src/modules/icon/icon-harness.spec.ts
+++ b/libs/components/icon/testing/src/modules/icon/icon-harness.spec.ts
@@ -26,7 +26,7 @@ import { SkyIconHarness } from './icon-harness';
       [variant]="variant"
       [size]="size"
     />
-    <sky-icon data-sky-id="test-icon" icon="sort" />
+    <sky-icon data-sky-id="test-icon" icon="sort" size="md" />
     <sky-icon
       data-sky-id="svg-icon"
       [iconName]="svgIconName"
diff --git a/libs/components/indicators/src/lib/modules/alert/alert.component.html b/libs/components/indicators/src/lib/modules/alert/alert.component.html
index c221991af5..8bd4117b78 100644
--- a/libs/components/indicators/src/lib/modules/alert/alert.component.html
+++ b/libs/components/indicators/src/lib/modules/alert/alert.component.html
@@ -36,7 +36,7 @@
     (click)="close()"
   >
     <span aria-hidden="true">
-      <sky-icon iconName="dismiss" iconSize="s" />
+      <sky-icon iconName="dismiss" />
     </span>
   </button>
 </div>
diff --git a/libs/components/indicators/src/lib/modules/label/label.component.html b/libs/components/indicators/src/lib/modules/label/label.component.html
index 6c497d23fe..0398d0512b 100644
--- a/libs/components/indicators/src/lib/modules/label/label.component.html
+++ b/libs/components/indicators/src/lib/modules/label/label.component.html
@@ -6,12 +6,7 @@
       variant="solid"
       [iconName]="iconName"
     />
-    <sky-icon
-      *skyThemeIf="'modern'"
-      iconSize="s"
-      variant="solid"
-      [iconName]="iconName"
-    />
+    <sky-icon *skyThemeIf="'modern'" variant="solid" [iconName]="iconName" />
   </span>
   @if (descriptionComputed) {
     <span class="sky-screen-reader-only">
diff --git a/libs/components/indicators/src/lib/modules/tokens/token.component.html b/libs/components/indicators/src/lib/modules/tokens/token.component.html
index 28b7488632..86df5ce4ef 100644
--- a/libs/components/indicators/src/lib/modules/tokens/token.component.html
+++ b/libs/components/indicators/src/lib/modules/tokens/token.component.html
@@ -58,11 +58,7 @@
         (document:mouseup)="setCloseActive(false)"
         (mousedown)="setCloseActive(true)"
       >
-        <sky-icon
-          class="sky-token-btn-close-icon"
-          iconName="dismiss"
-          iconSize="s"
-        />
+        <sky-icon class="sky-token-btn-close-icon" iconName="dismiss" />
       </button>
     </span>
   }
diff --git a/libs/components/layout/testing/src/modules/toolbar/fixtures/toolbar-harness-test.component.html b/libs/components/layout/testing/src/modules/toolbar/fixtures/toolbar-harness-test.component.html
index 1dc501930a..742619c506 100644
--- a/libs/components/layout/testing/src/modules/toolbar/fixtures/toolbar-harness-test.component.html
+++ b/libs/components/layout/testing/src/modules/toolbar/fixtures/toolbar-harness-test.component.html
@@ -24,7 +24,7 @@
       type="button"
       (click)="onButtonClicked('Expand')"
     >
-      <sky-icon iconName="chevron-double-down" iconSize="s" />
+      <sky-icon iconName="chevron-double-down" />
     </button>
     <button
       class="sky-btn sky-btn-default sky-btn-icon"
@@ -32,7 +32,7 @@
       type="button"
       (click)="onButtonClicked('Collapse')"
     >
-      <sky-icon iconName="chevrom-double-up" iconSize="s" />
+      <sky-icon iconName="chevrom-double-up" />
     </button>
   </sky-toolbar-view-actions>
 </sky-toolbar>
@@ -64,7 +64,7 @@
         type="button"
         (click)="onButtonClicked('Expand')"
       >
-        <sky-icon iconName="chevron-double-down" iconSize="s" />
+        <sky-icon iconName="chevron-double-down" />
       </button>
       <button
         class="sky-btn sky-btn-default sky-btn-icon"
@@ -72,7 +72,7 @@
         type="button"
         (click)="onButtonClicked('Collapse')"
       >
-        <sky-icon iconName="chevron-double-up" iconSize="s" />
+        <sky-icon iconName="chevron-double-up" />
       </button>
     </sky-toolbar-view-actions>
   </sky-toolbar-section>
@@ -83,7 +83,7 @@
         type="button"
         (click)="onButtonClicked('Sort')"
       >
-        <sky-icon iconName="arrow-sort" iconSize="s" />
+        <sky-icon iconName="arrow-sort" />
       </button>
     </sky-toolbar-item>
     <sky-toolbar-item data-sky-id="filter-button">
@@ -92,7 +92,7 @@
         type="button"
         (click)="onButtonClicked('Filter')"
       >
-        <sky-icon iconName="filter" iconSize="s" />
+        <sky-icon iconName="filter" />
       </button>
     </sky-toolbar-item>
   </sky-toolbar-section>
diff --git a/libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-button.component.html b/libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-button.component.html
index ca2c09bd1d..d395c41bb4 100644
--- a/libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-button.component.html
+++ b/libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-button.component.html
@@ -4,7 +4,7 @@
   [attr.aria-label]="'skyux_grid_columns_button' | skyLibResources"
   [title]="'skyux_grid_columns_button' | skyLibResources"
 >
-  <sky-icon iconName="table-freeze-column" iconSize="s" />
+  <sky-icon iconName="table-freeze-column" />
   <span class="sky-column-selector-action-btn-text">
     {{ 'skyux_grid_columns_toolbar_button' | skyLibResources }}
   </span>
diff --git a/libs/components/lists/src/lib/modules/filter/filter-button.component.html b/libs/components/lists/src/lib/modules/filter/filter-button.component.html
index 5ae788f7f3..4f4bb41867 100644
--- a/libs/components/lists/src/lib/modules/filter/filter-button.component.html
+++ b/libs/components/lists/src/lib/modules/filter/filter-button.component.html
@@ -19,7 +19,7 @@
   (click)="filterButtonOnClick()"
 >
   <sky-icon *skyThemeIf="'default'" iconName="filter" iconSize="m" />
-  <sky-icon *skyThemeIf="'modern'" iconName="filter" iconSize="s" />
+  <sky-icon *skyThemeIf="'modern'" iconName="filter" />
   @if (showButtonText) {
     <span class="sky-filter-btn-text">
       {{ 'skyux_filter_button_title' | skyLibResources }}
diff --git a/libs/components/lists/src/lib/modules/paging/paging.component.html b/libs/components/lists/src/lib/modules/paging/paging.component.html
index f755440a99..44a865bc74 100644
--- a/libs/components/lists/src/lib/modules/paging/paging.component.html
+++ b/libs/components/lists/src/lib/modules/paging/paging.component.html
@@ -33,7 +33,7 @@
           [disabled]="isPreviousButtonDisabled"
           (click)="previousPage()"
         >
-          <sky-icon iconName="chevron-left" iconSize="s" />
+          <sky-icon iconName="chevron-left" />
         </button>
       </li>
       @for (pageNumber of displayedPages; track pageNumber) {
@@ -63,7 +63,7 @@
           [disabled]="isNextButtonDisabled"
           (click)="nextPage()"
         >
-          <sky-icon iconName="chevron-right" iconSize="s" />
+          <sky-icon iconName="chevron-right" />
         </button>
       </li>
     </ul>
diff --git a/libs/components/lists/src/lib/modules/repeater/repeater-item.component.html b/libs/components/lists/src/lib/modules/repeater/repeater-item.component.html
index fb1dba7c95..2e4f17265d 100644
--- a/libs/components/lists/src/lib/modules/repeater/repeater-item.component.html
+++ b/libs/components/lists/src/lib/modules/repeater/repeater-item.component.html
@@ -64,7 +64,7 @@
         (blur)="onReorderHandleBlur($event)"
         (keydown)="onReorderHandleKeyDown($event)"
       >
-        <sky-icon iconName="arrow-sort" iconSize="s" />
+        <sky-icon iconName="arrow-sort" />
       </button>
     }
     @if (selectable) {
@@ -119,7 +119,7 @@
           "
           (click)="moveToTop($event)"
         >
-          <sky-icon iconName="arrow-up" iconSize="s" />
+          <sky-icon iconName="arrow-up" />
           {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}
         </button>
       }
diff --git a/libs/components/lists/src/lib/modules/sort/sort.component.html b/libs/components/lists/src/lib/modules/sort/sort.component.html
index 087ed1f497..43ca84091a 100644
--- a/libs/components/lists/src/lib/modules/sort/sort.component.html
+++ b/libs/components/lists/src/lib/modules/sort/sort.component.html
@@ -12,7 +12,7 @@
     [title]="'skyux_sort_button_label' | skyLibResources"
   >
     <sky-dropdown-button>
-      <sky-icon iconName="arrow-sort" iconSize="s" />
+      <sky-icon iconName="arrow-sort" />
       @if (showButtonText) {
         <span class="sky-sort-btn-text">
           {{ 'skyux_sort_button_label' | skyLibResources }}
diff --git a/libs/components/lookup/src/lib/modules/autocomplete/autocomplete.component.html b/libs/components/lookup/src/lib/modules/autocomplete/autocomplete.component.html
index 95da0915eb..0e30b61673 100644
--- a/libs/components/lookup/src/lib/modules/autocomplete/autocomplete.component.html
+++ b/libs/components/lookup/src/lib/modules/autocomplete/autocomplete.component.html
@@ -137,7 +137,7 @@
               [class.focused]="isElementFocused(addButtonEl)"
               (click)="addButtonClicked()"
             >
-              <sky-icon iconName="add" iconSize="s" />
+              <sky-icon iconName="add" />
               {{ 'skyux_autocomplete_add' | skyLibResources }}
             </button>
           }
diff --git a/libs/components/lookup/src/lib/modules/lookup/lookup-show-more-modal.component.html b/libs/components/lookup/src/lib/modules/lookup/lookup-show-more-modal.component.html
index 8c5d4257ad..eccde904b2 100644
--- a/libs/components/lookup/src/lib/modules/lookup/lookup-show-more-modal.component.html
+++ b/libs/components/lookup/src/lib/modules/lookup/lookup-show-more-modal.component.html
@@ -40,7 +40,7 @@
                 "
                 (click)="addButtonClicked()"
               >
-                <sky-icon iconName="add" iconSize="s" />
+                <sky-icon iconName="add" />
                 {{ 'skyux_lookup_show_more_add' | skyLibResources }}
               </button>
             }
diff --git a/libs/components/lookup/src/lib/modules/lookup/lookup.component.html b/libs/components/lookup/src/lib/modules/lookup/lookup.component.html
index 21807924b6..d6d3e14018 100644
--- a/libs/components/lookup/src/lib/modules/lookup/lookup.component.html
+++ b/libs/components/lookup/src/lib/modules/lookup/lookup.component.html
@@ -122,7 +122,7 @@
       (click)="onSearchButtonClick()"
     >
       <sky-icon *skyThemeIf="'modern'" iconName="search" iconSize="l" />
-      <sky-icon *skyThemeIf="'default'" iconName="search" iconSize="s" />
+      <sky-icon *skyThemeIf="'default'" iconName="search" />
     </button>
   </div>
 </ng-template>
@@ -133,6 +133,6 @@
     [ngClass]="{ 'sky-lookup-disabled': disabled }"
   >
     <sky-icon *skyThemeIf="'modern'" iconName="search" iconSize="l" />
-    <sky-icon *skyThemeIf="'default'" iconName="search" iconSize="s" />
+    <sky-icon *skyThemeIf="'default'" iconName="search" />
   </div>
 </ng-template>
diff --git a/libs/components/lookup/src/lib/modules/search/search.component.html b/libs/components/lookup/src/lib/modules/search/search.component.html
index c8878c23f5..53839ebe32 100644
--- a/libs/components/lookup/src/lib/modules/search/search.component.html
+++ b/libs/components/lookup/src/lib/modules/search/search.component.html
@@ -65,7 +65,7 @@
               [disabled]="disabled"
               (click)="clearSearchText()"
             >
-              <sky-icon iconName="dismiss" iconSize="s" />
+              <sky-icon iconName="dismiss" />
             </button>
           </span>
           <span
@@ -108,11 +108,7 @@
             iconName="chevron-left"
             iconSize="m"
           />
-          <sky-icon
-            *skyThemeIf="'modern'"
-            iconName="chevron-double-left"
-            iconSize="s"
-          />
+          <sky-icon *skyThemeIf="'modern'" iconName="chevron-double-left" />
         </button>
       }
     </div>
diff --git a/libs/components/lookup/src/lib/modules/selection-modal/selection-modal.component.html b/libs/components/lookup/src/lib/modules/selection-modal/selection-modal.component.html
index ed12bb6006..b015874c13 100644
--- a/libs/components/lookup/src/lib/modules/selection-modal/selection-modal.component.html
+++ b/libs/components/lookup/src/lib/modules/selection-modal/selection-modal.component.html
@@ -41,7 +41,7 @@
                 "
                 (click)="addButtonClicked()"
               >
-                <sky-icon iconName="add" iconSize="s" />
+                <sky-icon iconName="add" />
                 {{ 'skyux_lookup_show_more_add' | skyLibResources }}
               </button>
             }
diff --git a/libs/components/modals/src/lib/modules/modal/modal.component.html b/libs/components/modals/src/lib/modules/modal/modal.component.html
index 933cc83870..b383b26fab 100644
--- a/libs/components/modals/src/lib/modules/modal/modal.component.html
+++ b/libs/components/modals/src/lib/modules/modal/modal.component.html
@@ -58,7 +58,7 @@
             [attr.aria-label]="'skyux_modal_open_help' | skyLibResources"
             (click)="helpButtonClick()"
           >
-            <sky-icon iconName="question-circle" iconSize="s" />
+            <sky-icon iconName="question-circle" />
           </button>
         }
 
@@ -68,7 +68,7 @@
           [attr.aria-label]="'skyux_modal_close' | skyLibResources"
           (click)="closeButtonClick()"
         >
-          <sky-icon iconName="dismiss" iconSize="s" />
+          <sky-icon iconName="dismiss" />
         </button>
       </div>
     </div>
diff --git a/libs/components/pages/src/lib/modules/needs-attention/needs-attention.component.html b/libs/components/pages/src/lib/modules/needs-attention/needs-attention.component.html
index c0ac1ff5c3..c7acb8fab5 100644
--- a/libs/components/pages/src/lib/modules/needs-attention/needs-attention.component.html
+++ b/libs/components/pages/src/lib/modules/needs-attention/needs-attention.component.html
@@ -58,7 +58,6 @@ <h2 class="sky-font-heading-2">
             <sky-icon
               class="sky-needs-attention-item-icon"
               iconName="chevron-right"
-              iconSize="s"
             />
           </li>
         }
diff --git a/libs/components/pages/src/lib/modules/page-header/page-header.component.html b/libs/components/pages/src/lib/modules/page-header/page-header.component.html
index 33004be8ce..e2775c76e1 100644
--- a/libs/components/pages/src/lib/modules/page-header/page-header.component.html
+++ b/libs/components/pages/src/lib/modules/page-header/page-header.component.html
@@ -29,7 +29,7 @@ <h1 class="sky-page-header-text">
               >
             }
             <span class="sky-page-header-chevron">
-              <sky-icon iconName="chevron-right" iconSize="s" />
+              <sky-icon iconName="chevron-right" />
             </span>
           </span>
           <wbr />
diff --git a/libs/components/popovers/src/lib/modules/dropdown/dropdown.component.html b/libs/components/popovers/src/lib/modules/dropdown/dropdown.component.html
index 2cd3225da0..34f6d86d55 100644
--- a/libs/components/popovers/src/lib/modules/dropdown/dropdown.component.html
+++ b/libs/components/popovers/src/lib/modules/dropdown/dropdown.component.html
@@ -32,11 +32,7 @@
     >
       @switch (buttonType) {
         @case ('context-menu') {
-          <sky-icon
-            *skyThemeIf="'modern'"
-            iconName="more-horizontal"
-            iconSize="s"
-          />
+          <sky-icon *skyThemeIf="'modern'" iconName="more-horizontal" />
           <sky-icon
             *skyThemeIf="'default'"
             iconName="more-horizontal"
@@ -49,11 +45,7 @@
               <ng-content select="sky-dropdown-button" />
             </div>
             <div class="sky-dropdown-button-icon-container">
-              <sky-icon
-                class="sky-dropdown-caret"
-                iconName="chevron-down"
-                iconSize="s"
-              />
+              <sky-icon class="sky-dropdown-caret" iconName="chevron-down" />
             </div>
           </div>
         }
diff --git a/libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.html b/libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.html
index 9fc342b2ec..0493ced2b9 100644
--- a/libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.html
+++ b/libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.html
@@ -5,7 +5,7 @@
 >
   <div class="sky-progress-indicator-status-marker-icon">
     @if (isComplete) {
-      <sky-icon iconName="checkmark" iconSize="s" />
+      <sky-icon iconName="checkmark" />
     }
   </div>
   <div class="sky-progress-indicator-status-marker-line"></div>
diff --git a/libs/components/select-field/src/lib/modules/select-field/select-field-picker.component.html b/libs/components/select-field/src/lib/modules/select-field/select-field-picker.component.html
index d84e8b1209..4ef0b706a9 100644
--- a/libs/components/select-field/src/lib/modules/select-field/select-field-picker.component.html
+++ b/libs/components/select-field/src/lib/modules/select-field/select-field-picker.component.html
@@ -20,7 +20,7 @@
                 "
                 (click)="onAddNewRecordButtonClick()"
               >
-                <sky-icon iconName="add" iconSize="s" />
+                <sky-icon iconName="add" />
                 <span class="sky-select-field-picker-btn-new-text">{{
                   'skyux_select_field_add_new_record_button' | skyLibResources
                 }}</span>
diff --git a/libs/components/select-field/src/lib/modules/select-field/select-field.component.html b/libs/components/select-field/src/lib/modules/select-field/select-field.component.html
index 278b0e4cc0..e521d5800c 100644
--- a/libs/components/select-field/src/lib/modules/select-field/select-field.component.html
+++ b/libs/components/select-field/src/lib/modules/select-field/select-field.component.html
@@ -16,7 +16,7 @@
       [disabled]="disabled"
       (click)="openPicker()"
     >
-      <sky-icon iconName="add" iconSize="s" />
+      <sky-icon iconName="add" />
       {{
         multipleSelectOpenButtonText ||
           ('skyux_select_field_multiple_select_open_button' | skyLibResources)
@@ -76,7 +76,7 @@
             clearSelection(); $event.preventDefault(); $event.stopPropagation()
           "
         >
-          <sky-icon iconName="dismiss" iconSize="s" />
+          <sky-icon iconName="dismiss" />
         </button>
       </div>
       <div class="sky-input-group-btn">
@@ -90,7 +90,7 @@
           [disabled]="disabled"
           (click)="openPicker(); $event.stopPropagation()"
         >
-          <sky-icon iconName="arrow-sort" iconSize="s" />
+          <sky-icon iconName="arrow-sort" />
         </button>
       </div>
     </div>
diff --git a/libs/components/split-view/src/lib/modules/split-view/split-view-workspace-header.component.html b/libs/components/split-view/src/lib/modules/split-view/split-view-workspace-header.component.html
index 1482e3358d..78a1ced22b 100644
--- a/libs/components/split-view/src/lib/modules/split-view/split-view-workspace-header.component.html
+++ b/libs/components/split-view/src/lib/modules/split-view/split-view-workspace-header.component.html
@@ -5,7 +5,7 @@
       type="button"
       (click)="onShowDrawerButtonClick()"
     >
-      <sky-icon iconName="chevron-left" iconSize="s" />
+      <sky-icon iconName="chevron-left" />
       {{ backButtonText }}
     </button>
   </div>
diff --git a/libs/components/tabs/src/lib/modules/tabs/tab-button.component.html b/libs/components/tabs/src/lib/modules/tabs/tab-button.component.html
index 8e9ed8597c..6ea85313a7 100644
--- a/libs/components/tabs/src/lib/modules/tabs/tab-button.component.html
+++ b/libs/components/tabs/src/lib/modules/tabs/tab-button.component.html
@@ -52,7 +52,7 @@
           (click)="onCloseClick($event)"
           (keydown.enter)="onCloseClick($event)"
         >
-          <sky-icon iconName="dismiss" iconSize="s" />
+          <sky-icon iconName="dismiss" />
         </span>
       }
     </span>
diff --git a/libs/components/tabs/src/lib/modules/vertical-tabset/vertical-tab.component.html b/libs/components/tabs/src/lib/modules/vertical-tabset/vertical-tab.component.html
index cfe2ed44f6..a835e07ff0 100644
--- a/libs/components/tabs/src/lib/modules/vertical-tabset/vertical-tab.component.html
+++ b/libs/components/tabs/src/lib/modules/vertical-tabset/vertical-tab.component.html
@@ -35,11 +35,7 @@
       />
     }
     @if (isMobile && showTabRightArrow) {
-      <sky-icon
-        class="sky-vertical-tab-right-arrow"
-        iconName="chevron-right"
-        iconSize="s"
-      />
+      <sky-icon class="sky-vertical-tab-right-arrow" iconName="chevron-right" />
     }
   </div>
 </a>
diff --git a/libs/components/tabs/src/lib/modules/vertical-tabset/vertical-tabset.component.html b/libs/components/tabs/src/lib/modules/vertical-tabset/vertical-tabset.component.html
index b5b07066be..b17cc37af8 100644
--- a/libs/components/tabs/src/lib/modules/vertical-tabset/vertical-tabset.component.html
+++ b/libs/components/tabs/src/lib/modules/vertical-tabset/vertical-tabset.component.html
@@ -53,7 +53,7 @@
           type="button"
           (click)="tabService.showTabs()"
         >
-          <sky-icon iconName="chevron-left" iconSize="s" />
+          <sky-icon iconName="chevron-left" />
           {{ showTabsText }}
         </button>
       }
diff --git a/libs/components/text-editor/src/lib/modules/text-editor/toolbar/text-editor-toolbar.component.html b/libs/components/text-editor/src/lib/modules/text-editor/toolbar/text-editor-toolbar.component.html
index 729ed80ccc..31f6c81051 100644
--- a/libs/components/text-editor/src/lib/modules/text-editor/toolbar/text-editor-toolbar.component.html
+++ b/libs/components/text-editor/src/lib/modules/text-editor/toolbar/text-editor-toolbar.component.html
@@ -148,7 +148,7 @@
             [disabled]="disabled"
             (click)="execCommand('insertUnorderedList')"
           >
-            <sky-icon iconName="text-bullet-list" iconSize="s" />
+            <sky-icon iconName="text-bullet-list" />
           </button>
           <button
             aria-label="Numbered list"
@@ -158,7 +158,7 @@
             [disabled]="disabled"
             (click)="execCommand('insertOrderedList')"
           >
-            <sky-icon iconName="text-number-list-ltr" iconSize="s" />
+            <sky-icon iconName="text-number-list-ltr" />
           </button>
         </div>
       }
@@ -172,7 +172,7 @@
             [disabled]="disabled"
             (click)="execCommand('justifyLeft')"
           >
-            <sky-icon iconName="text-align-left" iconSize="s" />
+            <sky-icon iconName="text-align-left" />
           </button>
           <button
             aria-label="Align center"
@@ -182,7 +182,7 @@
             [disabled]="disabled"
             (click)="execCommand('justifyCenter')"
           >
-            <sky-icon iconName="text-align-center" iconSize="s" />
+            <sky-icon iconName="text-align-center" />
           </button>
           <button
             aria-label="Align right"
@@ -192,7 +192,7 @@
             [disabled]="disabled"
             (click)="execCommand('justifyRight')"
           >
-            <sky-icon iconName="text-align-right" iconSize="s" />
+            <sky-icon iconName="text-align-right" />
           </button>
         </div>
       }
@@ -206,7 +206,7 @@
             [disabled]="disabled"
             (click)="execCommand('outdent')"
           >
-            <sky-icon iconName="text-indent-decrease" iconSize="s" />
+            <sky-icon iconName="text-indent-decrease" />
           </button>
           <button
             aria-label="Indent"
@@ -216,7 +216,7 @@
             [disabled]="disabled"
             (click)="execCommand('indent')"
           >
-            <sky-icon iconName="text-indent-increase" iconSize="s" />
+            <sky-icon iconName="text-indent-increase" />
           </button>
         </div>
       }
@@ -230,7 +230,7 @@
             [disabled]="disabled"
             (click)="execCommand('undo')"
           >
-            <sky-icon iconName="arrow-undo" iconSize="s" />
+            <sky-icon iconName="arrow-undo" />
           </button>
           <button
             aria-label="Redo"
@@ -240,7 +240,7 @@
             [disabled]="disabled"
             (click)="execCommand('redo')"
           >
-            <sky-icon iconName="arrow-redo" iconSize="s" />
+            <sky-icon iconName="arrow-redo" />
           </button>
         </div>
       }
@@ -257,7 +257,7 @@
             }"
             (click)="link()"
           >
-            <sky-icon iconName="link" iconSize="s" />
+            <sky-icon iconName="link" />
           </button>
           <button
             aria-label="Unlink"
@@ -267,7 +267,7 @@
             [disabled]="!styleState.linkState || disabled"
             (click)="unlink()"
           >
-            <sky-icon iconName="link-dismiss" iconSize="s" />
+            <sky-icon iconName="link-dismiss" />
           </button>
         </div>
       }
diff --git a/libs/components/tiles/src/lib/modules/tiles/tile/tile.component.html b/libs/components/tiles/src/lib/modules/tiles/tile/tile.component.html
index d8c3812ae6..94e0043d0c 100644
--- a/libs/components/tiles/src/lib/modules/tiles/tile/tile.component.html
+++ b/libs/components/tiles/src/lib/modules/tiles/tile/tile.component.html
@@ -46,11 +46,7 @@
                 iconName="question-circle"
                 iconSize="m"
               />
-              <sky-icon
-                *skyThemeIf="'modern'"
-                iconName="question-circle"
-                iconSize="s"
-              />
+              <sky-icon *skyThemeIf="'modern'" iconName="question-circle" />
             </button>
           }
         </ng-container>
@@ -88,7 +84,7 @@
               iconName="settings"
               iconSize="m"
             />
-            <sky-icon *skyThemeIf="'modern'" iconName="settings" iconSize="s" />
+            <sky-icon *skyThemeIf="'modern'" iconName="settings" />
           </button>
         }
         @if (isInDashboardColumn) {
@@ -117,7 +113,6 @@
             <sky-icon
               *skyThemeIf="'modern'"
               iconName="re-order-dots-vertical"
-              iconSize="s"
             />
           </button>
         }
diff --git a/libs/components/toast/src/lib/modules/toast/toast.component.html b/libs/components/toast/src/lib/modules/toast/toast.component.html
index aa3f9f0d62..450081bda7 100644
--- a/libs/components/toast/src/lib/modules/toast/toast.component.html
+++ b/libs/components/toast/src/lib/modules/toast/toast.component.html
@@ -27,7 +27,7 @@
       [attr.aria-labelledby]="toastCloseMessage.id + ' ' + toastContent.id"
       (click)="close()"
     >
-      <sky-icon iconName="dismiss" iconSize="s" />
+      <sky-icon iconName="dismiss" />
     </button>
   </div>
   <span