Add icons to this collection by clicking the heart icon.
Password icon - also known as security, protection, password, passkey, pin code, and weak. Created in a clean lineal color style with a white, red, 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.573zM358.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"
/>
<circle cx="394.667" cy="288" r="117.333" fill="#303c42" />
<circle cx="394.667" cy="288" r="96" fill="#e82c2a" />
<path
d="M309.333 298.667c0-52.938 43.063-96 96-96 23.749 0 45.23 8.99 62.008 23.326C449.72 205.371 423.855 192 394.667 192c-52.938 0-96 43.063-96 96 0 29.189 13.371 55.053 33.992 72.674-14.336-16.777-23.326-38.259-23.326-62.007z"
opacity=".2"
fill="#fff"
/>
<path
d="M444.875 237.792c-4.167-4.167-10.917-4.167-15.083 0l-35.125 35.125-35.125-35.125c-4.167-4.167-10.917-4.167-15.083 0s-4.167 10.917 0 15.083L379.583 288l-35.125 35.125c-4.167 4.167-4.167 10.917 0 15.083a10.634 10.634 0 0 0 7.542 3.125c2.729 0 5.458-1.042 7.542-3.125l35.125-35.125 35.125 35.125c2.083 2.083 4.813 3.125 7.542 3.125s5.458-1.042 7.542-3.125c4.167-4.167 4.167-10.917 0-15.083L409.75 288l35.125-35.125c4.167-4.167 4.167-10.917 0-15.083z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-45.866"
x2="-23.026"
y1="641.723"
y2="631.073"
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="M469.333 197.561v-48.228c0-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.667h235.207c5.414 59.711 55.695 106.667 116.793 106.667C459.365 405.333 512 352.698 512 288c0-36.357-16.624-68.9-42.667-90.439z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category