diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 379b3c0c..841f3f5c 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -2297,6 +2297,7 @@ None.
 | hasScrollingContent        | <code>let</code> | No       | <code>boolean</code>                                | <code>false</code>                               | Set to `true` if the modal contains scrolling content                                                         |
 | primaryButtonText          | <code>let</code> | No       | <code>string</code>                                 | <code>""</code>                                  | Specify the primary button text                                                                               |
 | primaryButtonDisabled      | <code>let</code> | No       | <code>boolean</code>                                | <code>false</code>                               | Set to `true` to disable the primary button                                                                   |
+| primaryButtonProps         | <code>let</code> | No       | <code>ButtonProps</code>                            | <code>{}</code>                                  | Specify the primary button props                                                                              |
 | shouldSubmitOnEnter        | <code>let</code> | No       | <code>boolean</code>                                | <code>true</code>                                | Set to `true` for the "submit" and "click:button--primary" events<br />to be dispatched when pressing "Enter" |
 | secondaryButtonText        | <code>let</code> | No       | <code>string</code>                                 | <code>""</code>                                  | Specify the secondary button text                                                                             |
 | secondaryButtons           | <code>let</code> | No       | <code>[{ text: string; }, { text: string; }]</code> | <code>[]</code>                                  | 2-tuple prop to render two secondary buttons for a 3 button modal<br />supersedes `secondaryButtonText`       |
@@ -2354,6 +2355,7 @@ None.
 | Prop name             | Kind             | Reactive | Type                                                | Default value          | Description                                                                                             |
 | :-------------------- | :--------------- | :------- | :-------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------- |
 | primaryButtonText     | <code>let</code> | No       | <code>string</code>                                 | <code>""</code>        | Specify the primary button text                                                                         |
+| primaryButtonProps    | <code>let</code> | No       | <code>ButtonProps</code>                            | <code>{}</code>        | Specify the primary button props                                                                        |
 | primaryButtonDisabled | <code>let</code> | No       | <code>boolean</code>                                | <code>false</code>     | Set to `true` to disable the primary button                                                             |
 | primaryClass          | <code>let</code> | No       | <code>string</code>                                 | <code>undefined</code> | Specify a class for the primary button                                                                  |
 | secondaryButtonText   | <code>let</code> | No       | <code>string</code>                                 | <code>""</code>        | Specify the secondary button text                                                                       |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 78c211f6..17970e00 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -6073,6 +6073,17 @@
           "constant": false,
           "reactive": false
         },
+        {
+          "name": "primaryButtonProps",
+          "kind": "let",
+          "description": "Specify the primary button props",
+          "type": "ButtonProps",
+          "value": "{}",
+          "isFunction": false,
+          "isFunctionDeclaration": false,
+          "constant": false,
+          "reactive": false
+        },
         {
           "name": "shouldSubmitOnEnter",
           "kind": "let",
@@ -6237,6 +6248,17 @@
           "constant": false,
           "reactive": false
         },
+        {
+          "name": "primaryButtonProps",
+          "kind": "let",
+          "description": "Specify the primary button props",
+          "type": "ButtonProps",
+          "value": "{}",
+          "isFunction": false,
+          "isFunctionDeclaration": false,
+          "constant": false,
+          "reactive": false
+        },
         {
           "name": "primaryButtonDisabled",
           "kind": "let",
diff --git a/docs/src/pages/components/Modal.svx b/docs/src/pages/components/Modal.svx
index ee93147c..361666d5 100644
--- a/docs/src/pages/components/Modal.svx
+++ b/docs/src/pages/components/Modal.svx
@@ -42,3 +42,6 @@ Use the `secondaryButtons` prop to render two secondary buttons for a "3-button
 
 <FileSource src="/framed/Modal/ModalPreventOutsideClick" />
 
+### Button with icon
+
+<FileSource src="/framed/Modal/ModalButtonWithProps" />
diff --git a/docs/src/pages/framed/Modal/ModalButtonWithProps.svelte b/docs/src/pages/framed/Modal/ModalButtonWithProps.svelte
new file mode 100644
index 00000000..719e4a0a
--- /dev/null
+++ b/docs/src/pages/framed/Modal/ModalButtonWithProps.svelte
@@ -0,0 +1,14 @@
+<script>
+  import { Modal } from "carbon-components-svelte";
+  import Send16 from "carbon-icons-svelte/lib/Send16";
+</script>
+
+<Modal
+  open
+  modalHeading="Invite someone"
+  primaryButtonText="Send invitation"
+  primaryButtonProps="{{ icon: Send16 }}"
+  secondaryButtonText="Cancel"
+>
+  <p>Do you really want to invite someone?</p>
+</Modal>
diff --git a/src/ComposedModal/ModalFooter.svelte b/src/ComposedModal/ModalFooter.svelte
index aa5145f7..0628d9e5 100644
--- a/src/ComposedModal/ModalFooter.svelte
+++ b/src/ComposedModal/ModalFooter.svelte
@@ -6,6 +6,12 @@
   /** Specify the primary button text */
   export let primaryButtonText = "";
 
+  /**
+   * Specify the primary button props
+   * @type {ButtonProps}
+   */
+  export let primaryButtonProps = {};
+
   /**  Set to `true` to disable the primary button */
   export let primaryButtonDisabled = false;
 
@@ -75,6 +81,7 @@
       disabled="{primaryButtonDisabled}"
       class="{primaryClass}"
       on:click="{submit}"
+      {...primaryButtonProps}
     >
       {primaryButtonText}
     </Button>
diff --git a/src/Modal/Modal.svelte b/src/Modal/Modal.svelte
index eb96c46b..2c55649d 100644
--- a/src/Modal/Modal.svelte
+++ b/src/Modal/Modal.svelte
@@ -55,6 +55,12 @@
   /** Set to `true` to disable the primary button */
   export let primaryButtonDisabled = false;
 
+  /**
+   * Specify the primary button props
+   * @type {ButtonProps}
+   */
+  export let primaryButtonProps = {};
+
   /**
    * Set to `true` for the "submit" and "click:button--primary" events
    * to be dispatched when pressing "Enter"
@@ -304,6 +310,7 @@
             dispatch('submit');
             dispatch('click:button--primary');
           }}"
+          {...primaryButtonProps}
         >
           {primaryButtonText}
         </Button>
diff --git a/types/ComposedModal/ModalFooter.svelte.d.ts b/types/ComposedModal/ModalFooter.svelte.d.ts
index 45d13517..aaeb69ab 100644
--- a/types/ComposedModal/ModalFooter.svelte.d.ts
+++ b/types/ComposedModal/ModalFooter.svelte.d.ts
@@ -9,6 +9,12 @@ export interface ModalFooterProps
    */
   primaryButtonText?: string;
 
+  /**
+   * Specify the primary button props
+   * @default {}
+   */
+  primaryButtonProps?: ButtonProps;
+
   /**
    * Set to `true` to disable the primary button
    * @default false
diff --git a/types/Modal/Modal.svelte.d.ts b/types/Modal/Modal.svelte.d.ts
index 875a416b..051a0ef8 100644
--- a/types/Modal/Modal.svelte.d.ts
+++ b/types/Modal/Modal.svelte.d.ts
@@ -81,6 +81,12 @@ export interface ModalProps
    */
   primaryButtonDisabled?: boolean;
 
+  /**
+   * Specify the primary button props
+   * @default {}
+   */
+  primaryButtonProps?: ButtonProps;
+
   /**
    * Set to `true` for the "submit" and "click:button--primary" events
    * to be dispatched when pressing "Enter"