feat(icon): add heart-x icon

[swastik7805]

Description

closes #4113

This PR adds the heart-x icon to the library, following the visual style of existing icons like bookmark-x. It combines the universal "heart" symbol with an "X" to represent the explicit removal or rejection of a favorite state.

A special thanks to @karsa-mistmere for suggesting this icon and providing the design direction in the issue. This addition enhances the library's consistency for action-based heart icons.

Icon use case

• Unfavoriting/Removing Likes: Ideal for apps (like comic readers or galleries) where a user needs to remove an item from their favorites. The 'X' is more intuitive for "deletion" than a standard minus sign.
• Negative Sentiment/Dislike: Useful for social feeds or discovery platforms (e.g., dating apps) to mark content as "Not Interested" or to "Reject" a suggestion.
• Health/Life Status: In gaming or health-tracking UIs, it can represent a "lost life" or a failed health check.
• UI Consistency: Perfectly complements bookmark-x, allowing developers to maintain a uniform "remove" action style across different feature sets.

Alternative icon designs

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.
• The icons were originally created in Icon request: Heart x #4113 by @karsa-mistmere
• I've based them on the following Lucide icons: heart, bookmark-x
• I've based them on the following design:

Naming

• I've read and followed the naming conventions
• I've named icons by what they are rather than their use case.
• I've provided meta JSON files in icons/heart-x.json.

Design

• I've read and followed the icon design guidelines
• I've made sure that the icons look sharp on low DPI displays.
• I've made sure that the icons look consistent with the icon set in size, optical volume and density.
• I've made sure that the icons are visually centered.
• I've correctly optimized all icons to three points of precision.

Before Submitting

• I've read the Contribution Guidelines.
• I've checked if there was an existing PR that solves the same issue.

[github-actions]

🤖 ChatGPT Tags suggestions ✨

I've asked ChatGPT for some suggestions for tags.

[swastik7805]

hey @karsa-mistmere ,have updated the PR with removal ui & ux tag .

[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

Icon Symmetry

Flip Horizontal

Flip Vertical

Flip Diagonal

Rotate 180°

Icons as code

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

const HeartXIcon = createLucideIcon('HeartX', [
  ["path",{"d":"m15.5 12.5 5 5"}],
  ["path",{"d":"m20.5 12.5-5 5"}],
  ["path",{"d":"M21.955 8.774a5.5 5.5 0 0 0-9.546-2.95.6.6 0 0 1-.818 0A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.508 5.332a2 2 0 0 0 2.57.352"}]
])

[swastik7805]

@karsa-mistmere awaiting for your review