User icon

A free user icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Users & Profiles
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: user, default, profile, standard, account, basic, avatar

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 4C12 6.21 10.21 8 8 8C5.79 8 4 6.21 4 4C4 1.79 5.79 0 8 0C10.21 0 12 1.79 12 4Z"/>
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 12L4 12C1.79 12 0 13.79 0 16C0 17.1 0.9 18 2 18L14 18C15.1 18 16 17.1 16 16C16 13.79 14.21 12 12 12Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3 2)" fill="currentColor" d="M9 0C6.24 0 4 2.24 4 5C4 7.76 6.24 10 9 10C11.76 10 14 7.76 14 5C14 2.24 11.76 0 9 0Z"/>
  <path transform="translate(3 2)" fill="currentColor" d="M5 12C2.24 12 0 14.24 0 17C0 18.66 1.34 20 3 20L15 20C16.66 20 18 18.66 18 17C18 14.24 15.76 12 13 12L5 12Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 15)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 0L4 0C1.79 0 0 1.79 0 4C0 5.1 0.9 6 2 6L14 6C15.1 6 16 5.1 16 4C16 1.79 14.21 0 12 0Z"/>
  <path transform="translate(8 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 4C8 6.21 6.21 8 4 8C1.79 8 0 6.21 0 4C0 1.79 1.79 0 4 0C6.21 0 8 1.79 8 4Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 14)" fill="currentColor" d="M5 0C2.24 0 0 2.24 0 5C0 6.66 1.34 8 3 8L15 8C16.66 8 18 6.66 18 5C18 2.24 15.76 0 13 0L5 0Z"/>
  <path transform="translate(7 2)" fill="currentColor" d="M5 0C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10C7.76 10 10 7.76 10 5C10 2.24 7.76 0 5 0Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 3)" fill="currentColor" d="M12 4C12 6.21 10.21 8 8 8C5.79 8 4 6.21 4 4C4 1.79 5.79 0 8 0C10.21 0 12 1.79 12 4Z"/>
  <path opacity="0.28" transform="translate(4 3)" fill="currentColor" d="M12 12L4 12C1.79 12 0 13.79 0 16C0 17.1 0.9 18 2 18L14 18C15.1 18 16 17.1 16 16C16 13.79 14.21 12 12 12Z"/>
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 4C12 6.21 10.21 8 8 8C5.79 8 4 6.21 4 4C4 1.79 5.79 0 8 0C10.21 0 12 1.79 12 4Z"/>
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 12L4 12C1.79 12 0 13.79 0 16C0 17.1 0.9 18 2 18L14 18C15.1 18 16 17.1 16 16C16 13.79 14.21 12 12 12Z"/>
</svg>