Prototype: Badge with icon

[ayeshakmaz]

Thanks for creating a PR! Please follow this template and delete items/sections that are not relevant to your changes, including these instructions.

Please also make sure your PR title matches our format: ComponentName: Description

Summary

What changed?

From a high level, what are the changes this PR introduces? (No need to recount line-by-line, we can see that.)

Why?

What is the purpose of this PR? Please include the context around these changes for Future Us. In addition to what is changing, we need to know why these changes are needed. Imagine someone is looking at these changes a year from now and needs to know why they were made.

Links

• Jira
• [TDD](link to Paper doc)
• [Figma](link to Figma file)

Checklist

• [ ] Added unit and Flow Tests
• [ ] Added documentation + accessibility tests
• [ ] Verified accessibility: keyboard & screen reader interaction
• [ ] Checked dark mode, responsiveness, and right-to-left support
• [ ] Checked stakeholder feedback (e.g. Gestalt designers)

[netlify[bot]]

✅ Deploy Preview for gestalt ready!

Name	Link
🔨 Latest commit	4ea5f9a37d617f9b9009ffebd858845853a7ba26
🔍 Latest deploy log	https://app.netlify.com/sites/gestalt/deploys/628fc3a85a641f0008eb7753
😎 Deploy Preview	https://deploy-preview-2136--gestalt.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.