Key Left icon

A free key left 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: Security & Protection
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: key, left, security, access, lock, unlock, turn

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 8)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 4C20 6.21 18.21 8 16 8C13.79 8 12 6.21 12 4C12 1.79 13.79 0 16 0C18.21 0 20 1.79 20 4Z"/>
  <path transform="translate(2 8)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 4L0 4L0 7M4 4L4 6"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(1 7)" fill="currentColor" d="M17 0C14.58 0 12.56 1.72 12.1 4L1 4C0.45 4 0 4.45 0 5L0 8C0 8.55 0.45 9 1 9C1.55 9 2 8.55 2 8L2 6L4 6L4 7C4 7.55 4.45 8 5 8C5.55 8 6 7.55 6 7L6 6L12.1 6C12.56 8.28 14.58 10 17 10C19.76 10 22 7.76 22 5C22 2.24 19.76 0 17 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(2 12)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 0L0 0L0 3M4 0L4 2"/>
  <path transform="translate(14 8)" 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(2 12)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 0L0 0L0 3M4 0L4 2"/>
  <path transform="translate(13 7)" 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(14 8)" fill="currentColor" 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"/>
  <path transform="translate(2 8)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 4C20 6.21 18.21 8 16 8C13.79 8 12 6.21 12 4C12 1.79 13.79 0 16 0C18.21 0 20 1.79 20 4Z"/>
  <path transform="translate(2 8)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 4L0 4L0 7M4 4L4 6"/>
</svg>