Skip to content

feat(icons): added rectangle-play icon#4246

Open
scottgriffinm wants to merge 2 commits intolucide-icons:mainfrom
scottgriffinm:studio/rectangle-play
Open

feat(icons): added rectangle-play icon#4246
scottgriffinm wants to merge 2 commits intolucide-icons:mainfrom
scottgriffinm:studio/rectangle-play

Conversation

@scottgriffinm
Copy link
Copy Markdown

@scottgriffinm scottgriffinm commented Apr 2, 2026

What is the purpose of this pull request?

  • New Icon

Description

Added new rectangle-play icon.

Icon use case

Play button inside a landscape/widescreen rectangle. Like square-play but wider.

Use cases:

  1. Representing video ads or ad content on disclaimer pages, ad preference settings, or cookie consent screens.

  2. Indicating embedded video content in documentation, help centers, or knowledge bases where articles mix text and video.

  3. Video file type indicator in file managers, email attachments, or chat apps to distinguish video from images or audio.

  4. Broadcast or streaming content label in TV guide interfaces, channel listings, or live event dashboards.

Alternative icon designs

None.

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: square-play
  • 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

@github-actions github-actions bot added 🎨 icon About new icons 🫧 metadata Improved metadata labels Apr 2, 2026
Copy link
Copy Markdown
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🤖 ChatGPT Tags suggestions ✨

I've asked ChatGPT for some suggestions for tags.

"contributors": [
"scottgriffinm"
],
"tags": [
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

Suggested change
"tags": [
"tags": [
"rectangle",
"play",
"media",
"button",
"shape",
"audio",
"media-player",

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 3, 2026

Added or changed icons

rectangle-play

Preview cohesion message-square-dot
rectangle-play
contact
Preview stroke widths rectangle-play
rectangle-play
rectangle-play
DPI Preview

16px (shadcn/ui)

rectangle-play

24px (default)

rectangle-play

32px (shadcn/ui + retina)

rectangle-play

48px (default + retina)

rectangle-play
Icon X-rays rectangle-play
Icon Diffs rectangle-play
Icon Symmetry

Flip Horizontal

rectangle-play

Flip Vertical

rectangle-play

Flip Diagonal

rectangle-play

Rotate 180°

rectangle-play
Icons as code

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

const RectanglePlayIcon = createLucideIcon('RectanglePlay', [
  ["path",{"d":"M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"}],
  ["rect",{"x":"2","y":"4","width":"20","height":"16","rx":"2"}]
])

@karsa-mistmere
Copy link
Copy Markdown
Member

Hey @scottgriffinm,

Nice icon, fills the space of youtube without hopefully any legal implications, however, maybe this should be rectangle-landscape-play, to leave space for a rectangle-portrait-play standing in for reels or something:

icons
Open lucide studio

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🎨 icon About new icons 🫧 metadata Improved metadata

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants