Key

Examples

Heading

Smaller heading

Inline text

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="modus-icons notranslate">key</i>

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" width="24" viewBox="0 0 32 32">
  <style>
    .st1{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}
  </style>

  <g>
    <path d="M23 3c-3.86 0-7 3.14-7 7 0 .76.123 1.504.364 2.222L3.293 25.293A1 1 0 0 0 3 26v3a1 1 0 0 0 1 1h3a1 1 0 0 0 .707-.293L9.414 28H12a1 1 0 0 0 1-1v-2h2a1 1 0 0 0 1-1v-2.586l4.778-4.778A6.922 6.922 0 0 0 23 17c3.86 0 7-3.14 7-7s-3.14-7-7-7zm0 12c-.708 0-1.4-.15-2.055-.445a1.003 1.003 0 0 0-1.118.204l-5.534 5.534A1 1 0 0 0 14 21v2h-2a1 1 0 0 0-1 1v2H9a1 1 0 0 0-.707.293L6.586 28H5v-1.586l13.241-13.241a.998.998 0 0 0 .204-1.118A4.978 4.978 0 0 1 18 10c0-2.757 2.243-5 5-5s5 2.243 5 5-2.243 5-5 5z"/>
    <path d="M23 7c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1 1 0 1 1 .001-2.001A1 1 0 0 1 23 11z"/>
  </g>
</svg>