feat(icons): added star-* icons

[RajnishKMehta]

Closes #3905

What is the purpose of this pull request?

• New Icon

Description

Added new star-check icon.
Added new star-plus icon.
Added new star-minus icon.
Added new star-x icon.

Icon use case

• When item is already added to favorites, swipe action should display a star-minus icon to remove it from favorites.
• When item is not added to favorites yet, swipe action should display a star-plus icon to add it to favorites.
• star-x delete item to favorite list,
• star-check already added to favorite list.

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 @colebemis
• I've based them on the following Lucide icons: star
• 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]

🤖 ChatGPT Tags suggestions ✨

I've asked ChatGPT for some suggestions for tags.

[github-actions]

Suggestions for the star-check icon.
Try asking it your self if you want more suggestions. Open ChatGPT
Here are the suggestions:

Suggested change

	"tags": [
	"tags": [
	"approval",
	"success",
	"mark",
	"verification",

[github-actions]

Suggestions for the star-minus icon.
Try asking it your self if you want more suggestions. Open ChatGPT
Here are the suggestions:

Suggested change

	"tags": [
	"tags": [
	"symbol",
	"delete",
	"subtract",
	"minus-sign",
	"shape",
	"graphic",
	"vector",

[github-actions]

Suggestions for the star-plus icon.
Try asking it your self if you want more suggestions. Open ChatGPT
Here are the suggestions:

Suggested change

	"tags": [
	"tags": [
	"premium",
	"highlight",

[github-actions]

Suggestions for the star-x icon.
Try asking it your self if you want more suggestions. Open ChatGPT
Here are the suggestions:

Suggested change

	"tags": [
	"tags": [
	"mark",
	"symbol",
	"shape",
	"vector",
	"design",
	"graphic",

[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 StarCheckIcon = createLucideIcon('StarCheck', [
  ["path",{"d":"M11.013 18.582 6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878"}],
  ["path",{"d":"m16 19 2 2 4-4"}]
])

const StarMinusIcon = createLucideIcon('StarMinus', [
  ["path",{"d":"M11.013 18.582 6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638"}],
  ["path",{"d":"M16 19h6"}]
])

const StarPlusIcon = createLucideIcon('StarPlus', [
  ["path",{"d":"M12.5 18a2.12 2.12 0 0 0-1.487.582L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904L19 12.5"}],
  ["path",{"d":"M16.002 19h6"}],
  ["path",{"d":"M19.002 16v6"}]
])

const StarXIcon = createLucideIcon('StarX', [
  ["path",{"d":"m16.5 16.5 5 5"}],
  ["path",{"d":"m18.506 13.04 3.334-3.246a.53.53 0 0 0-.294-.905l-5.166-.755a2.1 2.1 0 0 1-1.595-1.16l-2.31-4.68a.53.53 0 0 0-.949.001l-2.31 4.679a2.1 2.1 0 0 1-1.596 1.16l-5.165.755a.53.53 0 0 0-.294.906l3.736 3.637a2.1 2.1 0 0 1 .611 1.879l-.881 5.139a.53.53 0 0 0 .77.56l4.617-2.428a2.1 2.1 0 0 1 1.973 0l.148.078"}],
  ["path",{"d":"m21.5 16.5-5 5"}]
])

[karsa-mistmere]

Hey @KnarliX,

These aren't fully in line with our other plus/minus/X/check icons, see #3875

We'll have to use the same shapes as in other icons.

[RajnishKMehta]

Hey @KnarliX,

These aren't fully in line with our other plus/minus/X/check icons, see #3875

We'll have to use the same shapes as in other icons.

Is it okay now?

[karsa-mistmere]

Hey @KnarliX,
These aren't fully in line with our other plus/minus/X/check icons, see #3875
We'll have to use the same shapes as in other icons.

Is it okay now?

Hey @KnarliX,

No, unfortunately, they're not quite there yet:

1. The x should be 5by5 pixels:

   
   Open lucide studio

2. the negative space around the sub-icons is uneven, it should be 2px all around, i.e. the red outline should touch the sub-icon paths exactly, just like my version of star-x:

   

[RajnishKMehta]

Hey @KnarliX,
These aren't fully in line with our other plus/minus/X/check icons, see #3875
We'll have to use the same shapes as in other icons.

Is it okay now?

Hey @KnarliX,

No, unfortunately, they're not quite there yet:

1. The x should be 5by5 pixels:
   Open lucide studio
2. the negative space around the sub-icons is uneven, it should be 2px all around, i.e. the red outline should touch the sub-icon paths exactly, just like my version of star-x:
   

Thankyou @karsa-mistmere

[RajnishKMehta]

.

[github-actions]

This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 5 days.