feat(icons): added heart-plus & heart-minus icon

[Ayberkyvs]

What is the purpose of this pull request?

• New Icon

Description

Added new heart-plus and heart-minus icons.

Icon use case

Purpose of the Heart Plus (+) Icon

This icon represents the action of adding something related to favorites, health, or support. It is commonly used in applications where users can save, like, or follow something, often related to medical services, social interactions, or user preferences.

Purpose of the Heart Minus (-) Icon

This icon represents the action of removing or unfollowing something related to favorites, health, or support. It is commonly used in apps where users can unfavorite, remove, or detach items from lists, profiles, or medical records.

Real-Life Use Cases

Medical & Health Apps

1. Adding/removing a health record → In a health tracking app, users can tap heart-plus to add a new medical entry and heart-minus to remove one.
2. Saving/removing a preferred doctor or hospital → A telemedicine app may use these icons to let users mark a doctor/clinic as a favorite or remove them.
3. Adding/removing emergency contacts → In a first-aid or emergency app, these icons could allow users to manage their trusted emergency contacts.

Social & Community Features

4. Following/unfollowing a person or group → In a social networking app, heart-plus can be used to follow a new friend, influencer, or community, while heart-minus allows unfollowing.
5. Adding/removing an event from favorites → In an event app, users can use these icons to manage their saved events.
6. Supporting/unsupporting a cause → Donation or charity platforms can use these icons to manage favorite causes or organizations.

E-commerce & Shopping

7. Adding/removing a product from a wishlist → Online stores can use these icons to let users save and remove items from their wishlists.
8. Saving/removing a favorite store or brand → Retail apps may use these icons to let users follow or unfollow specific brands or shops.

Entertainment & Media

9. Bookmarking/unbookmarking a song, movie, or book → Streaming platforms can use these icons for adding/removing content from personal libraries.
10. Subscribing/unsubscribing to a creator or channel → On content platforms like YouTube, these icons could indicate following or unfollowing creators.

Productivity & Personalization

11. Saving/removing a note or document → Note-taking apps might use these icons for managing important notes.
12. Creating/deleting a personalized list → A to-do list app could allow users to mark and unmark high-priority tasks.

Alternative icon designs

Icon Design Checklist

Concept

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

Author, credits & license

• The icons are solely my own creation.
• The icons were originally created in # by @Ayberkyvs
• I've based them on the following Lucide icons: heart
• 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/[iconName].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]

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview (24px)

Icon X-rays

Icon Diffs

Icons as code

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

const HeartMinusIcon = createLucideIcon('HeartMinus', [
  ["path",{"d":"M13.5 19.5 12 21l-7-7c-1.5-1.45-3-3.2-3-5.5A5.5 5.5 0 0 1 7.5 3c1.76 0 3 .5 4.5 2 1.5-1.5 2.74-2 4.5-2a5.5 5.5 0 0 1 5.402 6.5"}],
  ["path",{"d":"M15 15h6"}]
])

const HeartPlusIcon = createLucideIcon('HeartPlus', [
  ["path",{"d":"M13.5 19.5 12 21l-7-7c-1.5-1.45-3-3.2-3-5.5A5.5 5.5 0 0 1 7.5 3c1.76 0 3 .5 4.5 2 1.5-1.5 2.74-2 4.5-2a5.5 5.5 0 0 1 5.402 6.5"}],
  ["path",{"d":"M15 15h6"}],
  ["path",{"d":"M18 12v6"}]
])

[UsamaKhan]

IMO, there isn't enough space between the plus and the heart:

Here's a version with more space:

Open lucide studio

[stormyzio]

Copy??? #2789

[Ayberkyvs]

Copy??? #2789

You requested an icon, so I created this one myself based on the Lucide Heart icon as a reference. wdym?

[stormyzio]

Oh sorry I didn't notice, nevermind...

[ericfennis]

Nice, solid use cases!

The tags should be checked.