Feat/gender icons

[Trukl]

What is the purpose of this pull request?

• New Icon
• Bug fix
• New Feature
• Documentation update
• Other:

Description

Added new basic gender icons (male, female, both) for now

Icon use case

• form with gender selection
• display gender on user profile

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 @
• I've based them on the following Lucide icons:
• 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]

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 GenderAmbiguousIcon = createLucideIcon('GenderAmbiguous', [
  ["path",{"d":"M13 6a5 5 0 0 1 3 9"}],
  ["path",{"d":"M16.5 7.5 22 2"}],
  ["path",{"d":"M17 2h5v5"}],
  ["path",{"d":"M5 20h6"}],
  ["path",{"d":"M8 17v5"}],
  ["path",{"d":"M8.422 13A5 5 0 0 1 8 11"}],
  ["circle",{"cx":"8","cy":"12","r":"5"}]
])

const GenderFemaleIcon = createLucideIcon('GenderFemale', [
  ["path",{"d":"M12 15v7"}],
  ["path",{"d":"M8 19h8"}],
  ["circle",{"cx":"12","cy":"9","r":"6"}]
])

const GenderMaleIcon = createLucideIcon('GenderMale', [
  ["path",{"d":"M13 4h7v7"}],
  ["path",{"d":"M13.5 10.5 20 4"}],
  ["circle",{"cx":"9","cy":"15","r":"6"}]
])

const GenderNeuterIcon = createLucideIcon('GenderNeuter', [
  ["circle",{"cx":"12","cy":"9","r":"6"}],
  ["path",{"d":"M12 15v7"}]
])

const GenderTransIcon = createLucideIcon('GenderTrans', [
  ["path",{"d":"M12 17v5"}],
  ["path",{"d":"M15.5 8.5 22 2"}],
  ["path",{"d":"M17 2h5v5"}],
  ["path",{"d":"m2 2 6.5 6.5"}],
  ["path",{"d":"M2 7V2h5"}],
  ["path",{"d":"m4 9 5-5"}],
  ["path",{"d":"M9 20h6"}],
  ["circle",{"cx":"12","cy":"12","r":"5"}]
])

[jguddas]

The lack of inclusive language is a no-go for me.

Do we really want to do this, we have a "no politics" rule for a reason?
My vote is for not adding gender icons.

[Trukl]

I don't see how it's political, but whatever.
I admit gender-both may not be the best name
let's add the other genders then, if that's the problem

[karsa-mistmere]

This does not follow our design guidelines (1px padding, 2px gap between elements).

[karsa-mistmere]

Also, I think that since all our current arrows have sharp heads, so should these.

[jamiemlaw]

@Trukl you can find some examples of gender icons I designed last week in this thread that abide by the two-pixel-gap rule, if you need inspiration.

I also gave them generic names like venus rather than gender-female, which is in line with what Font Awesome does for theirs.

I have since edited it to leave a note that I wasn't entirely happy with my design for the transgender symbol; and that, any politics aside, getting a workable version of that icon in particular would be one of the prerequisites to adding gender icons as a set to Lucide. So might be worth revisiting that one.

[github-actions]

This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 5 days.