refactor(ui): Implement new icon set

[alexcarpenter]

Description

Migrate to new icon set https://www.figma.com/design/bTar3y0gIglvIxhmZsfHsj/Clerk-Mosaic?node-id=71-567&p=f&m=dev

Checklist

• pnpm test runs as expected.
• pnpm build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation
• other:

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
clerk-js-sandbox	Ready	Preview, Comment	Apr 16, 2026 5:52pm

[changeset-bot]

🦋 Changeset detected

Latest commit: 832fdec

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@clerk/ui	Minor
@clerk/chrome-extension	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 455f224d-dc62-4834-ab35-d38aeb9d886b

📥 Commits

Reviewing files that changed from the base of the PR and between 687a2bd and 832fdec.

📒 Files selected for processing (1)

• packages/ui/src/components/OAuthConsent/OrgSelect.tsx

✅ Files skipped from review due to trivial changes (1)

• packages/ui/src/components/OAuthConsent/OrgSelect.tsx

---

📝 Walkthrough

Walkthrough

This PR migrates the icon set across the @clerk/ui package: it updates many component icon imports/usages to new symbol names (e.g., Add → Plus, Check → Checkmark, Upload → ArrowUpTray), remaps numerous exports in the packages/ui/src/icons/index.ts barrel file to new icon symbols and underlying SVGs, tweaks a few icon sizing/spacing values, and relaxes CreateOrganizationAction props to accept an optional icon. A new changeset marks this as a minor release. No other component logic, control flow, or public API signatures (aside from the added optional icon prop) were changed.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~45 minutes

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 10.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title 'refactor(ui): Implement new icon set' directly and clearly describes the main change—migrating to a new icon set across the UI package.
Description check	✅ Passed	The description relates to the changeset by referencing the icon set migration, providing a Figma design link, and noting the refactoring nature of the changes.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[dstaley]

could we add exports for the new names so that it's easier to correlate them between the SDK and Figma? For example, I assume Figma will list the icon as triangle-right, so we'd be expecting to use the TriangleRight icon. I think keeping the older name is fine for now (we'll want to clean them up later though).

[alexcarpenter]

yeah thats a good callout 👍🏼 will get that update.

[pkg-pr-new]

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@8319

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@8319

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@8319

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@8319

@clerk/dev-cli

npm i https://pkg.pr.new/@clerk/dev-cli@8319

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@8319

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@8319

@clerk/express

npm i https://pkg.pr.new/@clerk/express@8319

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@8319

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@8319

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@8319

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@8319

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@8319

@clerk/react

npm i https://pkg.pr.new/@clerk/react@8319

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@8319

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@8319

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@8319

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@8319

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@8319

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@8319

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@8319

commit: 832fdec