feat(icons): added smartphone-down and smartphone-notch icons

[tallneil]

Description

Added 2 new smartphone icons: smartphone-notch and smartphone-down

Icon use case

smartphone is an existing Lucide icon which represents a device with a physical home button. smartphone-notch represents a more modern device with no home button, and a notch at the top of the screen. This is useful for representing modern smartphones and apps.
smartphone-down represents downloading something related to a smartphone, for instance, downloading an app. This new icon complements the existing set of -down icons, including monitor-down, folder-down, and file-down.

Alternative icon designs

N/A

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 @
• I've based them on the following Lucide icons: smartphone, monitor-down, folder-down, file-down
• 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 smartphone-down icon.
Try asking it your self if you want more suggestions. Open ChatGPT
Here are the suggestions:

Suggested change

	"tags": [
	"tags": [
	"smartphone",
	"fall",
	"accident",
	"damage",
	"drop",
	"crash",
	"broken",
	"disappointment",
	"fault",
	"failure",

[github-actions]

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

Suggested change

	"tags": [
	"tags": [
	"smartphone",
	"notch",
	"technology",
	"mobile",
	"display",
	"cutout",
	"tech",
	"electronics",

[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 SmartphoneDownIcon = createLucideIcon('SmartphoneDown', [
  ["rect",{"width":"14","height":"20","x":"5","y":"2","rx":"2","ry":"2"}],
  ["path",{"d":"M14 3L10 3"}],
  ["path",{"d":"M12 15V9"}],
  ["path",{"d":"M15 12L12 15L9 12"}]
])

const SmartphoneNotchIcon = createLucideIcon('SmartphoneNotch', [
  ["rect",{"width":"14","height":"20","x":"5","y":"2","rx":"2","ry":"2"}],
  ["path",{"d":"M14 3L10 3"}]
])

[karsa-mistmere]

Hey @tallneil,

This design violates our 2px gap design guideline.

This would be compliant, but looks less like a notch and more like Apple's Dynamic Island™, about which I'm not prepared to receive any legal notices, so I think this will not go through, unfortunately.

Open lucide studio