heroicons + sidekickicons
All icons

Password Pencil icon

password-pencil

A password field with a pencil, for changing a password or editing login details.

Component
PasswordPencilIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
login, security, authentication, edit, fill, change

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14.5 7.75H4.75A2.25 2.25 0 0 0 2.5 10v4a2.25 2.25 0 0 0 2.25 2.25h14.5A2.25 2.25 0 0 0 21.5 14v-1.5m-1.932-6.189a1.49 1.49 0 0 1 2.106.015 1.49 1.49 0 0 1 .015 2.107l-3.809 3.809a3.513 3.513 0 0 1-1.501.888l-2.129.62.62-2.128a3.526 3.526 0 0 1 .889-1.502zM4.951 12.75l2.598-1.5m0 1.5-2.598-1.5m1.299-.75v3m3.451-.75 2.598-1.5m0 1.5-2.598-1.5M11 10.5v3" />
</svg>

Password Pencil icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Updated Updated

Badges · Micro

Related icons

password finger-print pencil pencil-square key lock-closed lock-open lock-semi-open shield

More Sidekickicons