feat(icons): add mirror-round and mirror-rectangular

[Muhammad-Aqib-Bashir]

Description

This PR introduces two mirror icons: mirror-rectangular and mirror-round.

Icon use case

• mirror-rectangular

  • Represents flat household mirrors in interior design, furniture catalogs, or home improvement apps.
  • Useful in UI for dressing-room previews, AR furniture placement tools, or home styling apps.

• mirror-round

  • Represents circular mirrors used in cosmetics, bathrooms, or compact-travel objects.
  • Useful in beauty/cosmetic apps, product listings, and interfaces referencing reflection or symmetry.

Alternative icon designs

No alternative designs provided. Both icons were created to match Lucide proportions and styling.

Icon Design Checklist

Concept

• I have provided valid use cases for each icon.
• I have not added any brand or logo icon.
• I have not used any hate symbols.
• I have not included any religious, war/violence related, or political imagery.

Author, credits & license

• The icons are solely my own creation.

Naming

• I have followed the naming conventions.
• Icons are named for what they are, not for their use case.
• I have added meta JSON files in icons/mirror-rectangular.json and icons/mirror-round.json.

Design

• Icons follow Lucide's design guidelines.
• Icons look sharp on low DPI displays.
• Icons are consistent with Lucide in size, optical weight, and density.
• Icons are visually centered.
• Icons are optimized to three points of precision.

Before Submitting

• I've read the Contribution Guidelines.
• I have checked whether any existing PR already covers these icons.

[github-actions]

🤖 ChatGPT Tags suggestions ✨

I've asked ChatGPT for some suggestions for tags.

[github-actions]

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview

16px (shadcn/ui)

24px (default)

32px (shadcn/ui + retina)

48px (default + retina)

Icon X-rays

Icon Diffs

Icons as code

Works for: lucide-react, lucide-react-native, lucide-preact, lucide-vue-next

const MirrorRectangularIcon = createLucideIcon('MirrorRectangular', [
  ["path",{"d":"M 10 7 L 9 8"}],
  ["path",{"d":"M 15 8 L 9.5 13.5"}],
  ["rect",{"x":"5","y":"3","width":"14","height":"18","rx":"2"}]
])

const MirrorRoundIcon = createLucideIcon('MirrorRound', [
  ["path",{"d":"M10 6.6 8.6 8"}],
  ["path",{"d":"M12 18v4"}],
  ["path",{"d":"M15 7.5 9.5 13"}],
  ["path",{"d":"M7 22h10"}],
  ["circle",{"cx":"12","cy":"10","r":"8"}]
])

[karsa-mistmere]

We should also cover the names "vanity mirror" & "makeup mirror":

Suggested change

	"bathroom",
	"bathroom",
	"vanity",
	"makeup",

[Muhammad-Aqib-Bashir]

addnig "vanity mirror" & "makeup mirror" instead of just vanity & makeup ?

[jguddas]

The rectangular one is too small.
The round one is not sharp.
The bottom of the second line in the rectangular one is also not sharp.

[jguddas]

square-reflection

Open lucide studio

[Muhammad-Aqib-Bashir]

square-reflection

Open lucide studio

Hi @jguddas,

Adding square-reflection can be a new icon, not just a modification and it could be a mirror-square.

and I'm confused about the names that we used for icons mirror-rectangular and mirror-round.

I want to request a naming update for the mirror icons. The current names, mirror-round and the mirror-rectangular, don’t seem good to the Lucide rules for geometric terms and variants.

These names were suggested in This comment.

Suggested updates:

mirror-round should be mirror-circle
mirror-rectangular can be mirror-rectangle-vertical (or mirror-rectangle)

Also, if we add a new icon for mirror, like mirror-square.