Bug Report: Duplicate Identifier 'UserIcon'

[TheRedRacing]

Description
I am encountering an issue with importing icons from the @heroicons/react package. When I try to import UserIcon from both the solid and outline sets, I receive a duplicate identifier error.

Steps to Reproduce

1. Import UserIcon from @heroicons/react/20/solid.
2. Import UserIcon from @heroicons/react/24/outline.
3. Encounter the error: Duplicate identifier 'UserIcon'.

Code Snippet

import { UserIcon } from "@heroicons/react/20/solid";
import { UserIcon } from "@heroicons/react/24/outline";

Error Message

Duplicate identifier 'UserIcon'.

Expected Behavior
I should be able to import UserIcon from both @heroicons/react/20/solid and @heroicons/react/24/outline without any identifier conflicts.

Additional Context

• Package Version: @heroicons/react 2.1.4
• Environment:
• • React version: V18.3.0
• • Node version: V20.9.0
• • Browser: Chrome

Thank you for looking into this issue. Any guidance or fixes would be greatly appreciated.

[TheRedRacing]

Solution
One potential workaround is to alias one or both imports to avoid the duplicate identifier error. For example:

import { UserIcon as UserIconSolid } from "@heroicons/react/20/solid";
import { UserIcon as UserIconOutline } from "@heroicons/react/24/outline";