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 healthcare portals where patient demographics are recorded or in social platforms such as dating apps like Tinder where gender selection is required, users encounter this symbol for male identity specification. Professional networking sites including LinkedIn use this icon in diversity analytics, while HR management systems employ it for demographic reporting and equal opportunity tracking.

Question 5

What does this icon communicate to users?

Accepted Answer

From a cultural perspective, the Mars symbol communicates more than simple gender classification - it carries historical associations with strength, action, and traditionally masculine qualities derived from Roman mythology where Mars represented war and courage. This deeper symbolism helps users connect with cultural understanding while maintaining clear demographic functionality.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in form components where it represents gender selection and demographic data collection. Combine it with shadcn/ui's RadioGroup components for gender selection forms or Badge components for profile indicators. Consider using traditional blue coloring with the icon to align with cultural expectations when used in demographic interfaces.

Mars Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons