The Phosphor gender intersex icon visually represents the intersex flag and is commonly used in UI to denote gender identity or inclusivity related to intersex individuals.
Common uses
- User profile gender selection
- Inclusive language options
- LGBTQ+ resource links
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { GenderIntersex } from '@phosphor-icons/react';
<GenderIntersex size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<GenderIntersex size={24} />thin
<GenderIntersex size={24} weight="thin" />light
<GenderIntersex size={24} weight="light" />bold
<GenderIntersex size={24} weight="bold" />fill
<GenderIntersex size={24} weight="fill" />duotone
<GenderIntersex size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- people
- Keywords
- transgendernon-binarypeoplegenderintersexintersex flaggender identitynon-binary genderinclusive gender
FAQ
- What does the gender intersex icon represent?
- It represents the intersex flag, symbolizing individuals who were born with sex characteristics that do not fit typical binary notions of male or female bodies.
- How do I use the gender intersex icon in React?
- You can import and use it like this: import { GenderIntersex } from '@phosphor-icons/react'. Then render it as <GenderIntersex size={32} />.
- What is the license for this icon?
- The Phosphor icon library, including the gender intersex icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →