Add icons to this collection by clicking the heart icon.
Lock Pattern icon - also known as pin, hand, security, encrypted, pattern lock, lock pattern, passcode, and pincode. Created in a clean flat style, 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"
>
<path
fill="#64c8f0"
d="M50 44c-1.56 0-2.976.6-4.043 1.576.015.14.043.276.043.421v8.467A5.972 5.972 0 0 0 50 56a6 6 0 1 0 0-12z"
/>
<path
fill="#008c78"
d="M36 31.499h14v1H36zM14.5 32h-1V13.5h19V28h-1V14.5h-17z"
/>
<path fill="#3cc8b4" d="M50 38a6 6 0 1 1 0-12 6 6 0 0 1 0 12z" />
<path
fill="#1eaa96"
d="M46 32a5.996 5.996 0 0 1 5-5.91 5.998 5.998 0 0 0-1-.09 6 6 0 1 0 0 12c.341 0 .674-.035 1-.09A5.996 5.996 0 0 1 46 32z"
/>
<path
fill="#3cc8b4"
d="M14 20a6 6 0 1 1 0-12 6 6 0 0 1 0 12zM32 20a6 6 0 1 1 0-12 6 6 0 0 1 0 12z"
/>
<path
fill="#1eaa96"
d="M10 14a5.996 5.996 0 0 1 5-5.91A5.998 5.998 0 0 0 14 8a6 6 0 1 0 0 12c.341 0 .674-.035 1-.09A5.996 5.996 0 0 1 10 14zM28 14a5.996 5.996 0 0 1 5-5.91A5.998 5.998 0 0 0 32 8a6 6 0 1 0 0 12c.341 0 .674-.035 1-.09A5.996 5.996 0 0 1 28 14z"
/>
<path fill="#008c78" d="M50 34a2 2 0 1 0 .001-3.999A2 2 0 0 0 50 34z" />
<path fill="#64c8f0" d="M50 20a6 6 0 1 1 0-12 6 6 0 0 1 0 12z" />
<path
fill="#46aad2"
d="M46 14a5.996 5.996 0 0 1 5-5.91A5.998 5.998 0 0 0 50 8a6 6 0 1 0 0 12c.341 0 .674-.035 1-.09A5.996 5.996 0 0 1 46 14z"
/>
<path fill="#64c8f0" d="M14 56a6 6 0 1 1 0-12 6 6 0 0 1 0 12z" />
<path
fill="#46aad2"
d="M10 50a5.996 5.996 0 0 1 5-5.91 5.998 5.998 0 0 0-1-.09 6 6 0 1 0 0 12c.341 0 .674-.035 1-.09A5.996 5.996 0 0 1 10 50z"
/>
<path
fill="#008c78"
d="M32 16a2 2 0 1 0 .001-3.999A2 2 0 0 0 32 16zM14 16a2 2 0 1 0 .001-3.999A2 2 0 0 0 14 16z"
/>
<path fill="#3cc8b4" d="M14 38a6 6 0 1 1 0-12 6 6 0 0 1 0 12z" />
<path
fill="#1eaa96"
d="M10 32a5.996 5.996 0 0 1 5-5.91 5.998 5.998 0 0 0-1-.09 6 6 0 1 0 0 12c.341 0 .674-.035 1-.09A5.996 5.996 0 0 1 10 32z"
/>
<path fill="#008c78" d="M14 34a2 2 0 1 0 .001-3.999A2 2 0 0 0 14 34z" />
<path
fill="#288cb4"
d="M50 16a2 2 0 1 0 .001-3.999A2 2 0 0 0 50 16zM50 52a2 2 0 1 0 .001-3.999A2 2 0 0 0 50 52zM14 52a2 2 0 1 0 .001-3.999A2 2 0 0 0 14 52z"
/>
<path
fill="#46aad2"
d="M46 50a5.996 5.996 0 0 1 5-5.91 5.998 5.998 0 0 0-1-.09c-1.56 0-2.976.6-4.043 1.576.015.14.043.276.043.421zM46 50v4.463A5.968 5.968 0 0 0 50 56c.341 0 .674-.035 1-.09A5.996 5.996 0 0 1 46 50z"
/>
<path
fill="#3cc8b4"
d="M29.344 32.05a4.005 4.005 0 0 1 4.657 3.947v1.655a5.997 5.997 0 0 0-2-11.651 6 6 0 0 0-5.556 8.261c.564-1.144 1.619-2.004 2.899-2.212z"
/>
<path
fill="#008c78"
d="M30 31.997c1.304 0 2.454.637 3.185 1.607A1.994 1.994 0 0 0 32 30a2 2 0 0 0-2 1.997z"
/>
<path
fill="#1eaa96"
d="M28.047 32.518C28.032 32.345 28 32.177 28 32a5.996 5.996 0 0 1 5-5.91 5.998 5.998 0 0 0-1-.09 6 6 0 0 0-5.556 8.261 4.1 4.1 0 0 1 1.603-1.743z"
/>
<path
fill="#f0c8a0"
d="M42 43.996a2 2 0 0 0-2 2v-2a2 2 0 1 0-4 0v-2a2 2 0 1 0-4 0v-6a2.002 2.002 0 0 0-2.336-1.973c-.983.161-1.664 1.084-1.664 2.08v11.893l-2.23-2.23C24.379 44.375 22 45.36 22 47.328c0 .436.129.862.371 1.225L30 59.996h14v-14a2 2 0 0 0-2-2z"
/>
<path
fill="#d2aa82"
d="M23 47.331c0-1.136.798-1.924 1.735-2.137-1.296-.317-2.735.602-2.735 2.134 0 .436.129.862.371 1.225L30 59.996h.997l-7.627-11.44a2.212 2.212 0 0 1-.37-1.225zM31 59.996h-.003L31 60zM29 34.271c-.612.372-1 1.081-1 1.833v11.893h1zM33 40.274c-.595.346-1 .984-1 1.723v6h1zM37 42.274c-.595.346-1 .984-1 1.723v4h1zM41 44.274c-.595.346-1 .984-1 1.723v2h1z"
/>
</svg>
More icons in the same style and category