Add icons to this collection by clicking the heart icon.
Lock Pattern icon - also known as security, lock, unlock, screens, communications, pattern, pattern lock, lock pattern, and unlock pattern. Created in a clean flat style with a white, silver, 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="512"
height="512"
viewBox="0 0 64 64"
>
<rect width="48" height="52" x="2" y="2" fill="#ccc" rx="4" />
<path
fill="#f2f2f2"
d="M50 50V6a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v16.5A31.5 31.5 0 0 0 33.5 54H46a4 4 0 0 0 4-4z"
/>
<circle cx="12" cy="28" r="4" fill="#77a0d3" />
<path
fill="#c0dafb"
d="M12 24a3.976 3.976 0 0 0-2.93 1.3A5.853 5.853 0 0 0 15 30c.154 0 .3-.011.457-.021A3.96 3.96 0 0 0 16 28a4 4 0 0 0-4-4z"
/>
<circle cx="26" cy="28" r="4" fill="#77a0d3" />
<path
fill="#c0dafb"
d="M26 24a3.976 3.976 0 0 0-2.93 1.3A5.853 5.853 0 0 0 29 30c.154 0 .3-.011.457-.021A3.96 3.96 0 0 0 30 28a4 4 0 0 0-4-4z"
/>
<circle cx="12" cy="42" r="4" fill="#77a0d3" />
<path
fill="#c0dafb"
d="M12 38a3.976 3.976 0 0 0-2.93 1.3A5.853 5.853 0 0 0 15 44c.154 0 .3-.011.457-.021A3.96 3.96 0 0 0 16 42a4 4 0 0 0-4-4z"
/>
<circle cx="26" cy="42" r="4" fill="#77a0d3" />
<path
fill="#c0dafb"
d="M26 38a3.976 3.976 0 0 0-2.93 1.3A5.853 5.853 0 0 0 29 44c.154 0 .3-.011.457-.021A3.96 3.96 0 0 0 30 42a4 4 0 0 0-4-4z"
/>
<circle cx="40" cy="42" r="4" fill="#77a0d3" />
<path
fill="#d9e9fd"
d="M40 38a3.977 3.977 0 0 1 1 .141v-6.282a3.617 3.617 0 0 1-2 0v6.282A3.977 3.977 0 0 1 40 38z"
/>
<path
fill="#c0dafb"
d="M40 38a3.976 3.976 0 0 0-2.93 1.3A5.853 5.853 0 0 0 43 44c.154 0 .3-.011.457-.021A3.96 3.96 0 0 0 44 42a4 4 0 0 0-4-4z"
/>
<circle cx="50" cy="50" r="12" fill="#bce4f8" />
<path
fill="#e4f5fd"
d="M50 38a11.957 11.957 0 0 0-8.976 4.055c-.005.149-.024.3-.024.445C41 51.06 48.387 58 57.5 58c.5 0 1-.029 1.491-.071A11.987 11.987 0 0 0 50 38z"
/>
<path fill="#f3a845" d="M45 48h10v8H45z" />
<path fill="#eecc61" d="M55 48H45a8 8 0 0 0 8 8h2z" />
<path
fill="#fff"
d="M54 48h-2v-3a2 2 0 0 0-4 0v3h-2v-3a4 4 0 0 1 8 0zM49 51h2v2h-2z"
/>
<circle cx="40" cy="14" r="4" fill="#77a0d3" />
<path
fill="#c0dafb"
d="M40 10a3.976 3.976 0 0 0-2.93 1.3A5.853 5.853 0 0 0 43 16c.154 0 .3-.011.457-.021A3.96 3.96 0 0 0 44 14a4 4 0 0 0-4-4z"
/>
<circle cx="26" cy="14" r="4" fill="#77a0d3" />
<path
fill="#d9e9fd"
d="M36.141 13h-6.282a3.617 3.617 0 0 1 0 2h6.282a3.617 3.617 0 0 1 0-2z"
/>
<path
fill="#c0dafb"
d="M26 10a3.976 3.976 0 0 0-2.93 1.3A5.853 5.853 0 0 0 29 16c.154 0 .3-.011.457-.021A3.96 3.96 0 0 0 30 14a4 4 0 0 0-4-4z"
/>
<circle cx="12" cy="14" r="4" fill="#77a0d3" />
<path
fill="#d9e9fd"
d="M22.141 13h-6.282a3.617 3.617 0 0 1 0 2h6.282a3.617 3.617 0 0 1 0-2z"
/>
<path
fill="#c0dafb"
d="M12 10a3.976 3.976 0 0 0-2.93 1.3A5.853 5.853 0 0 0 15 16c.154 0 .3-.011.457-.021A3.96 3.96 0 0 0 16 14a4 4 0 0 0-4-4z"
/>
<circle cx="40" cy="28" r="4" fill="#77a0d3" />
<path
fill="#d9e9fd"
d="M40 24a3.977 3.977 0 0 1 1 .141v-6.282a3.617 3.617 0 0 1-2 0v6.282A3.977 3.977 0 0 1 40 24z"
/>
<path
fill="#c0dafb"
d="M40 24a3.976 3.976 0 0 0-2.93 1.3A5.853 5.853 0 0 0 43 30c.154 0 .3-.011.457-.021A3.96 3.96 0 0 0 44 28a4 4 0 0 0-4-4z"
/>
<g fill="#d9e9fd">
<path
d="M36.141 41h-6.282a3.617 3.617 0 0 1 0 2h6.282a3.617 3.617 0 0 1 0-2zM22.141 41h-6.282a3.617 3.617 0 0 1 0 2h6.282a3.617 3.617 0 0 1 0-2z"
/>
</g>
</svg>
More icons in the same style and category