feat(icons): added `grid-2x2-x` icon

chessurisme commented 1 month ago

What is the purpose of this pull request?

[x] New Icon
[ ] Bug fix
[ ] New Feature
[ ] Documentation update
[ ] Other:

Description

This PR contains grid-2x2-x icon that helps grid icon scenario.

Icon use case

error data tables
disabling or removing grid feature
could signify that particular task within the grid has been removed or deprecated or failed

Alternative icon designs

Icon Design Checklist

Concept

[x] I have provided valid use cases for each icon.
[x] I have not added any a brand or logo icon.
[x] I have not used any hate symbols.
[x] 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 @
[x] I've based them on the following Lucide icons: grid-2x2 and archive-x
[x] I've based them on the following design: inspired by data validation icon of The Noun Project

Naming

[x] I've read and followed the naming conventions
[x] I've named icons by what they are rather than their use case.
[x] I've provided meta JSON files in icons/[iconName].json.

Design

[x] I've read and followed the icon design guidelines
[x] I've made sure that the icons look sharp on low DPI displays.
[x] I've made sure that the icons look consistent with the icon set in size, optical volume and density.
[x] I've made sure that the icons are visually centered.
[x] I've correctly optimized all icons to three points of precision.

Before Submitting

[x] I've read the Contribution Guidelines.
[x] I've checked if there was an existing PR that solves the same issue.

github-actions[bot] commented 1 month ago

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview (24px)

Icon X-rays

Icons as code

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

const Grid2x2XIcon = createLucideIcon('Grid2x2X', [
  ["path",{"d":"M12 3v17a1 1 0 0 1-1 1H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6a1 1 0 0 1-1 1H3"}],
  ["path",{"d":"m16 16 5 5"}],
  ["path",{"d":"m16 21 5-5"}]
])

jguddas commented 1 month ago

https://lucide-studio.vercel.app/edit

Go to Edit -> Arcify to remove the sharp corners.

Would look better IMO