Gentleface › People & accounts › gender-male

gender-male icon

Gender male: male, gender male. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M13.856 4.856C13.759 4.952 13.641 5 13.5 5C13.359 5 13.241 4.952 13.144 4.856C13.048 4.759 13 4.641 13 4.5L13 2.707L9.016 6.691C9.295 7.038 9.517 7.423 9.684 7.844C9.895 8.376 10 8.928 10 9.5C10 10.072 9.895 10.624 9.684 11.156C9.455 11.734 9.121 12.243 8.682 12.682C8.243 13.121 7.734 13.455 7.156 13.684C6.624 13.895 6.072 14 5.5 14C4.928 14 4.376 13.895 3.844 13.684C3.266 13.455 2.757 13.121 2.318 12.682C1.879 12.243 1.545 11.734 1.316 11.156C1.105 10.624 1 10.072 1 9.5C1 8.928 1.105 8.376 1.316 7.844C1.545 7.266 1.879 6.757 2.318 6.318C2.757 5.879 3.266 5.545 3.844 5.316C4.376 5.105 4.928 5 5.5 5C6.072 5 6.624 5.105 7.156 5.316C7.577 5.483 7.962 5.705 8.309 5.984L12.293 2L10.5 2C10.359 2 10.241 1.952 10.144 1.856C10.048 1.759 10 1.641 10 1.5C10 1.359 10.048 1.241 10.144 1.144C10.241 1.048 10.359 1 10.5 1L13.5 1C13.641 1 13.759 1.048 13.856 1.144C13.952 1.241 14 1.359 14 1.5L14 4.5C14 4.641 13.952 4.759 13.856 4.856ZM2.246 10.788C2.424 11.238 2.683 11.633 3.025 11.975C3.367 12.317 3.762 12.576 4.212 12.754C4.625 12.918 5.055 13 5.5 13C5.945 13 6.375 12.918 6.788 12.754C7.238 12.576 7.633 12.317 7.975 11.975C8.317 11.633 8.576 11.238 8.754 10.788C8.918 10.375 9 9.945 9 9.5C9 9.055 8.918 8.625 8.754 8.212C8.576 7.762 8.317 7.367 7.975 7.025C7.633 6.683 7.238 6.424 6.788 6.246C6.375 6.082 5.945 6 5.5 6C5.055 6 4.625 6.082 4.212 6.246C3.762 6.424 3.367 6.683 3.025 7.025C2.683 7.367 2.424 7.762 2.246 8.212C2.082 8.625 2 9.055 2 9.5C2 9.945 2.082 10.375 2.246 10.788Z"/></svg>

React

// Gentleface "gender-male" (line-round), MIT. https://gentleface.com/icons/gender-male
import type { SVGProps } from 'react';

export function GenderMaleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M13.856 4.856C13.759 4.952 13.641 5 13.5 5C13.359 5 13.241 4.952 13.144 4.856C13.048 4.759 13 4.641 13 4.5L13 2.707L9.016 6.691C9.295 7.038 9.517 7.423 9.684 7.844C9.895 8.376 10 8.928 10 9.5C10 10.072 9.895 10.624 9.684 11.156C9.455 11.734 9.121 12.243 8.682 12.682C8.243 13.121 7.734 13.455 7.156 13.684C6.624 13.895 6.072 14 5.5 14C4.928 14 4.376 13.895 3.844 13.684C3.266 13.455 2.757 13.121 2.318 12.682C1.879 12.243 1.545 11.734 1.316 11.156C1.105 10.624 1 10.072 1 9.5C1 8.928 1.105 8.376 1.316 7.844C1.545 7.266 1.879 6.757 2.318 6.318C2.757 5.879 3.266 5.545 3.844 5.316C4.376 5.105 4.928 5 5.5 5C6.072 5 6.624 5.105 7.156 5.316C7.577 5.483 7.962 5.705 8.309 5.984L12.293 2L10.5 2C10.359 2 10.241 1.952 10.144 1.856C10.048 1.759 10 1.641 10 1.5C10 1.359 10.048 1.241 10.144 1.144C10.241 1.048 10.359 1 10.5 1L13.5 1C13.641 1 13.759 1.048 13.856 1.144C13.952 1.241 14 1.359 14 1.5L14 4.5C14 4.641 13.952 4.759 13.856 4.856ZM2.246 10.788C2.424 11.238 2.683 11.633 3.025 11.975C3.367 12.317 3.762 12.576 4.212 12.754C4.625 12.918 5.055 13 5.5 13C5.945 13 6.375 12.918 6.788 12.754C7.238 12.576 7.633 12.317 7.975 11.975C8.317 11.633 8.576 11.238 8.754 10.788C8.918 10.375 9 9.945 9 9.5C9 9.055 8.918 8.625 8.754 8.212C8.576 7.762 8.317 7.367 7.975 7.025C7.633 6.683 7.238 6.424 6.788 6.246C6.375 6.082 5.945 6 5.5 6C5.055 6 4.625 6.082 4.212 6.246C3.762 6.424 3.367 6.683 3.025 7.025C2.683 7.367 2.424 7.762 2.246 8.212C2.082 8.625 2 9.055 2 9.5C2 9.945 2.082 10.375 2.246 10.788Z" />
    </svg>
  );
}

Vue

Vue: see /icons/gender-male.md

Svelte

Svelte: see /icons/gender-male.md

HTML img

HTML img: see /icons/gender-male.md

CSS

CSS: see /icons/gender-male.md

Data URL

Data URL: see /icons/gender-male.md

Sprite

Sprite: see /icons/gender-male.md

SwiftUI

SwiftUI: see /icons/gender-male.md

Compose

Compose: see /icons/gender-male.md

Android XML

Android XML: see /icons/gender-male.md

Flutter

Flutter: see /icons/gender-male.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

male, gender male

Tags

male, man, gender, mars, sex, symbol

Category

People & accounts

Component name

GenderMaleIcon

History

2026-10-15 added

Family 3

gender-female gender-transgender non-binary

More people & accounts icons

address-book baby baby-carriage contact-card id-badge id-card id-card-check log-in log-out user user-alert user-arrow-right user-ban user-check user-circle user-clock · all people & accounts icons

For agents

Metadata: /icons/gender-male.json · Markdown: /icons/gender-male.md · SVG: https://gentleface.com/svg/{style}/16/gender-male.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/gender-male.png

gender-male icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp