Skip to content

Conversation

@AleksejDix
Copy link

What is the purpose of this pull request?

  • New Icon

Description

Added new layout-grid-plus icon.

Icon use case

add an item to grid layout

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 @AleksejDix
  • I've based them on the following Lucide icons: layout-grid
  • 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 Oct 23, 2025
Copy link
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.

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@github-actions
Copy link
Contributor

Added or changed icons

layout-grid-plus

Preview cohesion squares-subtract
layout-grid-plus
lasso
Preview stroke widths layout-grid-plus
layout-grid-plus
layout-grid-plus
DPI Preview

16px (shadcn/ui)

layout-grid-plus

24px (default)

layout-grid-plus

32px (shadcn/ui + retina)

layout-grid-plus

48px (default + retina)

layout-grid-plus
Icon X-rays layout-grid-plus
Icon Diffs layout-grid-plus
Icons as code

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

const LayoutGridPlusIcon = createLucideIcon('LayoutGridPlus', [
  ["path",{"d":"M14 17.5h7"}],
  ["path",{"d":"M17.5 14v7"}],
  ["rect",{"x":"14","y":"3","width":"7","height":"7","rx":"1"}],
  ["rect",{"x":"3","y":"14","width":"7","height":"7","rx":"1"}],
  ["rect",{"x":"3","y":"3","width":"7","height":"7","rx":"1"}]
])

@jguddas
Copy link
Member

jguddas commented Oct 23, 2025

icons
Open lucide studio

With normal plus:

@jguddas
Copy link
Member

jguddas commented Oct 23, 2025

icons
Open lucide studio

@AleksejDix
Copy link
Author

I made the plus visualy aligned based on the rules.

@karsa-mistmere
Copy link
Member

iconsOpen lucide studio

With normal plus:

Naaah, this way the plus is off-grid and is a blurry mess:
image

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.

3 participants