diff --git a/src/Icon/Icon.test.tsx b/src/Icon/Icon.test.tsx
index 5ac95ca04d..43cf4ce091 100644
--- a/src/Icon/Icon.test.tsx
+++ b/src/Icon/Icon.test.tsx
@@ -102,5 +102,13 @@ describe('<Icon />', () => {
 
       expect(iconSpan.classList.contains('pgn__icon__xs')).toEqual(true);
     });
+
+    it('receives style or other arbitrary HTML properties correctly', () => {
+      const { container } = render(<Icon src={BlankSrc} style={{ color: 'red' }} size="xs" />);
+      const iconSpans = container.querySelectorAll('span');
+      const iconSpan = iconSpans[0];
+
+      expect(iconSpan.style.color).toEqual('red');
+    });
   });
 });
diff --git a/src/Icon/index.d.ts b/src/Icon/index.d.ts
index 654cbdd015..45505bb49a 100644
--- a/src/Icon/index.d.ts
+++ b/src/Icon/index.d.ts
@@ -1,6 +1,6 @@
 import React from 'react';
 
-export interface IconProps {
+export interface IconProps extends React.ComponentPropsWithoutRef<'span'> {
   src?: React.ReactElement | Function;
   svgAttrs?: {
     'aria-label'?: string;