UI BUG - primitive icons not displaying

[vogues]

Before opening, please confirm:

• I have searched for duplicate or closed issues.
• I have read the guide for submitting bug reports.
• I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.

App Id

No response

Region

No response

Environment name

No response

Amplify CLI Version

No response

If applicable, what version of Node.js are you using?

No response

What operating system are you using?

No response

Browser type?

No response

Describe the bug

primitive icons will not display at all on amplify

Expected behavior

proper amplify primitive propagation

Reproduction steps

copy and paste primitive icon
sync w amplify

• does not display icon

Additional information

No response

[letsbelopez]

Primitives are not meant to be modified / copy and pasted directly.

Please see how icons are set up as an example on the My Components page of the UI Kit Figma File. MyIcon is a component with variants. You can pull that MyIcon component into one of your components and choose the correct variant and then sync again.

Please let us know if this solves your issue.

[ykethan]

Hey @vogues, following up on this issue. Please do let us know if you require any assistance.

[ykethan]

Closing this issue as we have made improvements on this. Do reach out if you require any assistance.

[github-actions]

⚠️COMMENT VISIBILITY WARNING⚠️

Comments on closed issues are hard for our team to see.
If you need more assistance, please open a new issue that references this one.
If you wish to keep having a conversation with other community members under this issue feel free to do so.