Add icons to this collection by clicking the heart icon.
Password icon - also known as security, protection, password, passkey, security code, and pin code. Created in a clean lineal color style with a white, teal, and navy finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M469.333 149.333c0-23.564-19.103-42.667-42.667-42.667h-384C19.103 106.667 0 125.769 0 149.333V256c0 23.564 19.103 42.667 42.667 42.667h384c23.564 0 42.667-19.103 42.667-42.667V149.333z"
fill="#303c42"
/>
<path
d="M426.667 277.333h-384c-11.782 0-21.333-9.551-21.333-21.333V149.333c0-11.782 9.551-21.333 21.333-21.333h384c11.782 0 21.333 9.551 21.333 21.333V256c0 11.782-9.551 21.333-21.333 21.333z"
fill="#0288d1"
/>
<path
d="M102.385 186.667c-2.958-5.104-9.51-6.854-14.573-3.906l-2.479 1.431v-2.858a10.66 10.66 0 0 0-10.667-10.667 10.66 10.66 0 0 0-10.667 10.667v2.858l-2.479-1.431c-5.094-2.948-11.625-1.198-14.573 3.906-2.948 5.104-1.198 11.625 3.906 14.573l2.473 1.427-2.473 1.427c-5.104 2.948-6.854 9.469-3.906 14.573a10.678 10.678 0 0 0 14.573 3.906l2.48-1.431V224a10.66 10.66 0 0 0 10.667 10.667A10.66 10.66 0 0 0 85.334 224v-2.858l2.479 1.431a10.679 10.679 0 0 0 14.573-3.906c2.948-5.104 1.198-11.625-3.906-14.573l-2.473-1.427 2.473-1.427c5.103-2.948 6.853-9.469 3.905-14.573zM187.719 186.667c-2.969-5.104-9.5-6.854-14.573-3.906l-2.479 1.431v-2.858A10.66 10.66 0 0 0 160 170.667a10.66 10.66 0 0 0-10.667 10.667v2.858l-2.479-1.431c-5.115-2.948-11.635-1.198-14.573 3.906-2.948 5.104-1.198 11.625 3.906 14.573l2.473 1.427-2.473 1.427c-5.104 2.948-6.854 9.469-3.906 14.573a10.678 10.678 0 0 0 14.573 3.906l2.479-1.431V224A10.66 10.66 0 0 0 160 234.667 10.66 10.66 0 0 0 170.667 224v-2.858l2.479 1.431a10.679 10.679 0 0 0 14.573-3.906c2.948-5.104 1.198-11.625-3.906-14.573l-2.473-1.427 2.473-1.427c5.104-2.948 6.854-9.469 3.906-14.573zM273.052 186.667c-2.958-5.104-9.49-6.854-14.573-3.906l-2.479 1.43v-2.858a10.66 10.66 0 0 0-10.667-10.667 10.66 10.66 0 0 0-10.667 10.667v2.858l-2.479-1.431c-5.104-2.948-11.635-1.198-14.573 3.906-2.948 5.104-1.198 11.625 3.906 14.573l2.473 1.427-2.473 1.427c-5.104 2.948-6.854 9.469-3.906 14.573a10.678 10.678 0 0 0 14.573 3.906l2.479-1.431V224a10.66 10.66 0 0 0 10.667 10.667A10.66 10.66 0 0 0 256 224v-2.858l2.479 1.431a10.679 10.679 0 0 0 14.573-3.906c2.948-5.104 1.198-11.625-3.906-14.573l-2.473-1.427 2.473-1.427c5.104-2.948 6.854-9.469 3.906-14.573z"
fill="#303c42"
/>
<path d="M341.333 277.333h-.02.02" fill="#0288d1" />
<path
d="M490.667 256v-10.667c0-41.167-33.5-74.667-74.667-74.667s-74.667 33.5-74.667 74.667V256c-11.76 0-21.333 9.573-21.333 21.333V384c0 11.76 9.573 21.333 21.333 21.333h149.333c11.76 0 21.333-9.573 21.333-21.333V277.333C512 265.573 502.427 256 490.667 256zm-21.334 0H362.667v-10.667C362.667 215.927 386.594 192 416 192s53.333 23.927 53.333 53.333V256z"
fill="#303c42"
/>
<path d="M490.667 384H341.333V277.333h-.02 149.354z" fill="#e6e6e6" />
<path
d="M416 298.667c-11.76 0-21.333 9.573-21.333 21.333 0 7.792 4.409 14.329 10.667 18.053V352a10.66 10.66 0 0 0 10.667 10.667A10.66 10.66 0 0 0 426.668 352v-13.947c6.258-3.724 10.667-10.262 10.667-18.053-.002-11.76-9.575-21.333-21.335-21.333zm.01 21.333s-.01-.01-.01-.021l10.667.021H416.01zM358.349 186.667c-2.958-5.104-9.49-6.854-14.573-3.906l-2.479 1.431v-2.858c0-5.896-4.771-10.667-10.667-10.667s-10.667 4.771-10.667 10.667v2.858l-2.479-1.431c-5.104-2.948-11.635-1.198-14.573 3.906-2.948 5.104-1.198 11.625 3.906 14.573l2.473 1.427-2.473 1.427c-5.104 2.948-6.854 9.469-3.906 14.573a10.678 10.678 0 0 0 14.573 3.906l2.479-1.431V224c0 5.896 4.771 10.667 10.667 10.667s10.667-4.771 10.667-10.667v-2.858l2.479 1.431a10.679 10.679 0 0 0 14.573-3.906c2.948-5.104 1.198-11.625-3.906-14.573l-2.473-1.427 2.473-1.427c5.103-2.948 6.853-9.469 3.906-14.573z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-45.866"
x2="-21.685"
y1="641.724"
y2="630.446"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M490.667 256v-10.667c0-20.266-8.178-38.622-21.333-52.09v-43.91c0-23.565-19.103-42.667-42.667-42.667h-384C19.103 106.667 0 125.768 0 149.333V256c0 23.564 19.103 42.667 42.667 42.667H320V384c0 11.76 9.573 21.333 21.333 21.333h149.333c11.76 0 21.333-9.573 21.333-21.333V277.333C512 265.573 502.427 256 490.667 256z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category