Add icons to this collection by clicking the heart icon.
Password icon - also known as security, protection, password, passkey, and pin code. Created in a clean lineal color style with a white, gray, teal, navy, and orange 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 469.333 469.333"
>
<circle cx="53.333" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="96" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="138.667" cy="53.333" r="10.667" fill="#303c42" />
<path
d="M426.667 0h-384C19.135 0 0 19.135 0 42.667v384c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667v-384C469.333 19.135 450.198 0 426.667 0z"
fill="#303c42"
/>
<path
d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="#5c6671"
/>
<linearGradient
id="a"
x1="-64.596"
x2="-47.317"
y1="625.461"
y2="617.404"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-61.639"
x2="-50.434"
y1="626.961"
y2="615.754"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="url(#b)"
/>
<path
d="M426.667 448h-384c-11.76 0-21.333-9.573-21.333-21.333v-320H448v320c0 11.76-9.573 21.333-21.333 21.333z"
fill="#fff"
/>
<circle cx="53.333" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="96" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="138.667" cy="53.333" r="10.667" fill="#303c42" />
<path
d="M352 170.667c-29.672 0-55.145 17.533-67.177 42.667H85.333c-23.531 0-42.667 19.135-42.667 42.667v42.667c0 23.531 19.135 42.667 42.667 42.667h128v32A10.66 10.66 0 0 0 224 384.002h32a10.66 10.66 0 0 0 7.542-3.125l64.813-64.813C336.042 318.677 343.969 320 352 320c41.167 0 74.667-33.5 74.667-74.667s-33.5-74.666-74.667-74.666z"
fill="#303c42"
/>
<path
d="M352 298.667c-7.438 0-14.802-1.615-21.865-4.802a10.72 10.72 0 0 0-11.927 2.177l-66.625 66.625h-16.917V345.75l66.625-66.625a10.65 10.65 0 0 0 2.177-11.927c-3.188-7.063-4.802-14.427-4.802-21.865C298.667 215.927 322.594 192 352 192s53.333 23.927 53.333 53.333-23.927 53.334-53.333 53.334z"
fill="#ffca28"
/>
<circle cx="362.667" cy="234.667" r="21.333" fill="#303c42" />
<path
d="M85.333 320C73.573 320 64 310.427 64 298.667V256c0-11.76 9.573-21.333 21.333-21.333h193.078c-.509 3.514-1.078 7.014-1.078 10.667 0 8.031 1.323 15.958 3.938 23.646L230.25 320H85.333z"
fill="#0288d1"
/>
<linearGradient
id="c"
x1="-68.689"
x2="-43.384"
y1="619.051"
y2="607.251"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M426.667 0h-384C19.135 0 0 19.135 0 42.667v384c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667v-384C469.333 19.135 450.198 0 426.667 0z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category