Add icons to this collection by clicking the heart icon.
Password icon - also known as security, protection, password, passkey, otp, security code, and pin code. Created in a clean gradient style with a white and black 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 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9272" />
<stop offset="1" stop-color="#f53b19" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="146.895"
x2="343.905"
y1="385.309"
y2="385.309"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5b5a5f" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path
d="M350.28 225.686h-34.719v-75.682c0-32.842-26.719-59.56-59.56-59.56s-59.561 26.719-59.561 59.56v75.682h-34.72v-75.682c0-51.986 42.294-94.28 94.28-94.28s94.281 42.294 94.281 94.28v75.682z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="146.895"
x2="343.905"
y1="216.842"
y2="216.842"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdb2d" />
<stop offset="1" stop-color="#ffa91f" />
</linearGradient>
<path
d="M332.431 427.355H179.569c-35.093 0-63.807-28.713-63.807-63.807v-126.76c0-16.871 13.804-30.675 30.675-30.675h219.126c16.871 0 30.675 13.804 30.675 30.675v126.76c-.001 35.094-28.714 63.807-63.807 63.807z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="146.895"
x2="343.905"
y1="216.846"
y2="216.846"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<path d="M142.282 275.546h227.44v82.368h-227.44z" fill="url(#d)" />
<linearGradient
id="e"
x1="146.895"
x2="343.905"
y1="216.838"
y2="216.838"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5b5a5f" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="M150.484 284.407h211.025v64.663H150.484z" fill="url(#e)" />
<path d="M255.996 284.407h105.512v64.663H255.996z" fill="#171719" />
<linearGradient
id="f"
x1="146.895"
x2="343.905"
y1="216.842"
y2="216.842"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<path
d="m213.25 307.41-4.992-7.216-11.808 8.169v-14.358h-8.775v14.358l-11.809-8.169-4.992 7.216 13.476 9.324-13.476 9.325 4.992 7.216 11.809-8.169v14.358h8.775v-14.358l11.808 8.169 4.992-7.216-13.477-9.325z"
fill="url(#f)"
/>
<path
d="m277.189 307.41-4.994-7.216-11.807 8.169v-14.358h-8.776v14.358l-11.807-8.169-4.994 7.216 13.477 9.324-13.477 9.325 4.994 7.216 11.807-8.169v14.358h8.776v-14.358l11.807 8.169 4.994-7.216-13.477-9.325z"
fill="#fff"
/>
<linearGradient
id="g"
x1="146.895"
x2="343.905"
y1="216.842"
y2="216.842"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<path
d="m341.127 307.41-4.993-7.216-11.808 8.169v-14.358h-8.775v14.358l-11.808-8.169-4.993 7.216 13.477 9.324-13.477 9.325 4.993 7.216 11.808-8.169v14.358h8.775v-14.358l11.808 8.169 4.993-7.216-13.477-9.325z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category