lucide feat(icons): added hand-fist icon

What is the purpose of this pull request?

[x] New Icon

Description

This PR adds an icon that depicts a fist. It also renames grab as hand-grap to better match our naming conventions (adding a backwards compatible alias).

Icon use case

It's a pretty universal symbol with a multitude of meanings:

Strength and Power: A fist is often associated with strength, power, and resilience. It can symbolize determination and the ability to overcome challenges.
Unity and Solidarity: A raised fist is a common symbol of unity, solidarity, and collective action. It has been used historically in movements for social and political change to signify a common cause or struggle.
Defiance or Rebellion: A clenched fist can also represent defiance or rebellion against authority or oppression. It may be used to express resistance and a refusal to submit.
Victory or Triumph: A raised fist can symbolize victory or triumph, especially in the context of sports or competition. It may represent a celebration of success or achievement.
Support for a Cause: In some cases, a fist icon might be associated with a specific cause or movement, such as human rights, equality, or justice. It can serve as a symbol of support for a particular ideology or campaign.
Martial Arts and Combat: A fist can represent martial arts and combat skills. It may be used in logos or icons related to self-defense, martial arts schools, or sports.
Emoji Representation: In digital communication, a fist emoji can convey various emotions, such as solidarity, encouragement, or agreement, depending on the context.

Alternative icon designs

I've tried one with just three fingers but found that a four finger variant fits in better with other hand icons we already have:

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

[x] I've based them on the following Lucide icons: grab by @ericfennis

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 two 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.

Feb 01 '24 22:02 karsa-mistmere

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 HandFistIcon = createLucideIcon('HandFist', [
  ["path",{"d":"M21 9v5a8 8 0 0 1-8 8h-2a8 8 0 0 1-8-8 4.828 4.828 0 0 1 1.414-3.414l2.707-2.707A3 3 0 0 1 9.243 7H12a2 2 0 1 1 0 4h-2l-2 2a3 3 0 0 1 3 3"}],
  ["path",{"d":"M9 7V5a2 2 0 1 0-4 0v5"}],
  ["path",{"d":"M9 7V4a2 2 0 1 1 4 0v3.268"}],
  ["path",{"d":"M13 7.268V5a2 2 0 1 1 4 0v3a2 2 0 0 1-3.112 1.662"}],
  ["rect",{"width":"4","height":"6","x":"17","y":"5","rx":"2"}]
])

const HandGrabIcon = createLucideIcon('HandGrab', [
  ["path",{"d":"M18 11.5V9a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v1.4"}],
  ["path",{"d":"M14 10V8a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v2"}],
  ["path",{"d":"M10 9.9V9a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v5"}],
  ["path",{"d":"M6 14a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0"}],
  ["path",{"d":"M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0"}]
])

Feb 01 '24 22:02 github-actions[bot]

Hand looks rather wide. I think the issue is the placement of the thumb. See the below for reference. when the thumb is over the fingers it doesn't look as chunky.

Feb 03 '24 15:02 gruckion

Hand looks rather wide. I think the issue is the placement of the thumb. See the below for reference. when the thumb is over the fingers it doesn't look as chunky.

I was trying to stay consistent with hand and especially grab both of which I find equally chunky, nonetheless here are a few alternate designs with different thumb placements: