Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In modern applications like medical record systems where clear gender identification is critical or in professional platforms such as recruitment software where demographic clarity enhances accessibility, you'll see this icon when emphasizing male gender selection. Educational platforms including university enrollment systems use this symbol for demographic data collection, while survey applications employ it for gender-specific questionnaire routing and data analysis.

Question 5

What does this icon communicate to users?

Accepted Answer

From a design accessibility perspective, the enhanced stroke variation communicates the same gender identification while offering improved visibility for users with visual impairments or in high-contrast interface requirements. This distinction helps ensure gender selection remains clear across diverse interface conditions and accessibility standards while maintaining universal symbolic recognition.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally as an alternative to the standard mars icon in form components where enhanced visibility improves user experience. Pair it with shadcn/ui's Select components for gender dropdown options or Checkbox components for demographic survey forms. Consider using this variant when interface contrast requirements demand stronger visual definition while maintaining the same functional gender identification.

Mars Stroke Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons