diff --git a/packages/dnb-eufemia/src/components/icon/__tests__/Icon.test.tsx b/packages/dnb-eufemia/src/components/icon/__tests__/Icon.test.tsx
index a5c4b29b0cc..55304c24f83 100644
--- a/packages/dnb-eufemia/src/components/icon/__tests__/Icon.test.tsx
+++ b/packages/dnb-eufemia/src/components/icon/__tests__/Icon.test.tsx
@@ -122,6 +122,23 @@ describe('Icon component', () => {
     ).toBe('custom-data-testid-value')
   })
 
+  it('should work when icon property is provided a functional component with a hook', () => {
+    const FunctionalComponentWithHookIcon = () => {
+      const [title] = React.useState('banana')
+
+      return (
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
+          <title>{title}</title>
+          <path d="M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z" />
+        </svg>
+      )
+    }
+    render(
+      <Icon icon={FunctionalComponentWithHookIcon} inherit_color={false} />
+    )
+    expect(document.querySelector('svg title').textContent).toBe('banana')
+  })
+
   it('should validate with ARIA rules', async () => {
     const Comp = render(<Icon {...props} />)
     expect(await axeComponent(Comp)).toHaveNoViolations()