Add icons to this collection by clicking the heart icon.
Lock Pattern icon - also known as smartphone, security, protection, electronics, security code, pattern lock, lock pattern, unlock pattern, and pattern code. 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 512 512"
>
<g>
<rect width="288" height="480" x="112" y="16" fill="#515660" rx="40" />
<rect width="260" height="480" x="140" y="16" fill="#747986" rx="40" />
<path
fill="#64a5f8"
d="M112 80v344a40 40 0 0 0 40 40h208a40 40 0 0 0 40-40V80z"
/>
<path
fill="#94c1fa"
d="M140 456a40.187 40.187 0 0 0 .5 6.314A39.981 39.981 0 0 0 152 464h208a40 40 0 0 0 40-40V80H140z"
/>
<path
fill="#8b909f"
d="M256 56h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16zM304 56h-.008l-16.008-.012a8 8 0 0 1 0-16l16.024.012A8 8 0 0 1 304 56z"
/>
<path
fill="#eff2fe"
d="M296 440h-80a8 8 0 0 1 0-16h80a8 8 0 0 1 0 16z"
/>
<g fill="#fff">
<path
d="M240 184h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16zM320 184h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16zM336 248a8 8 0 0 1-8-8v-48a8 8 0 0 1 16 0v48a8 8 0 0 1-8 8zM336 328a8 8 0 0 1-8-8v-48a8 8 0 0 1 16 0v48a8 8 0 0 1-8 8zM320 344h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16zM256 328a8 8 0 0 1-8-8v-48a8 8 0 0 1 16 0v48a8 8 0 0 1-8 8zM232 264h-40a8 8 0 1 1 0-16h40a8 8 0 0 1 0 16zM176 328a8 8 0 0 1-8-8v-48a8 8 0 0 1 16 0v48a8 8 0 0 1-8 8z"
/>
</g>
<circle cx="176" cy="176" r="24" fill="#c4dcfc" />
<ellipse cx="184" cy="176" fill="#e7eefd" rx="16" ry="22.53" />
<circle cx="256" cy="176" r="24" fill="#c4dcfc" />
<ellipse cx="264" cy="176" fill="#e7eefd" rx="16" ry="22.53" />
<circle cx="336" cy="176" r="24" fill="#c4dcfc" />
<ellipse cx="344" cy="176" fill="#e7eefd" rx="16" ry="22.53" />
<circle cx="336" cy="256" r="24" fill="#c4dcfc" />
<ellipse cx="344" cy="256" fill="#e7eefd" rx="16" ry="22.53" />
<circle cx="256" cy="256" r="24" fill="#c4dcfc" />
<ellipse cx="264" cy="256" fill="#e7eefd" rx="16" ry="22.53" />
<circle cx="176" cy="256" r="24" fill="#c4dcfc" />
<ellipse cx="184" cy="256" fill="#e7eefd" rx="16" ry="22.53" />
<circle cx="176" cy="336" r="24" fill="#c4dcfc" />
<ellipse cx="184" cy="336" fill="#e7eefd" rx="16" ry="22.53" />
<circle cx="256" cy="336" r="24" fill="#c4dcfc" />
<ellipse cx="264" cy="336" fill="#e7eefd" rx="16" ry="22.53" />
<circle cx="336" cy="336" r="24" fill="#c4dcfc" />
<ellipse cx="344" cy="336" fill="#e7eefd" rx="16" ry="22.53" />
</g>
</svg>
More icons in the same style and category