Add icons to this collection by clicking the heart icon.
Lock Pattern icon - also known as smartphone, mobile phone, security, locked, secure, padlock, electronics, pattern, and lock pattern. Created in a clean gradient 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"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="67.458"
y2="-2.45"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="41" x2="41" y1="67.458" y2="-2.45" href="#a" />
<linearGradient id="c" x1="23" x2="23" y1="67.458" y2="-2.45" href="#a" />
<g>
<g fill="url(#a)">
<path
d="M47 62H17a5.006 5.006 0 0 1-5-5V7a5.006 5.006 0 0 1 5-5h30a5.006 5.006 0 0 1 5 5v50a5.006 5.006 0 0 1-5 5zM17 4a3 3 0 0 0-3 3v50a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3z"
/>
<path
d="M32 59a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM34 7h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM48 52H16a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h32a1 1 0 0 1 1 1v42a1 1 0 0 1-1 1zm-31-2h30V10H17z"
/>
<path
d="M44 38h-6a1 1 0 0 0-1 1v2h-1v-2a1 1 0 0 0-1-1h-2v-1h2a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v2h-1v-2a1 1 0 0 0-1-1h-2v-1h2a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2v1h-2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2h1v2a1 1 0 0 0 1 1h2v1h-2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2h1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zM21 26v-4h4v4h-1v-2a1 1 0 0 0-2 0v2zm4 5v1h-1v-1zm0 4h-4v-4h1v2a1 1 0 0 0 1 1h2zm5-4h4v4h-1v-2a1 1 0 0 0-1-1h-2zm0 4v-1h1v1zm4 5v1h-1v-1zm0 4h-4v-4h1v2a1 1 0 0 0 1 1h2zm9 0h-4v-1h2a1 1 0 0 0 0-2h-2v-1h4z"
/>
</g>
<path
fill="url(#b)"
d="M44 29h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6h-4v-4h4z"
/>
<path
fill="url(#a)"
d="M29 28h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm1-6h4v4h-4z"
/>
<path
fill="url(#c)"
d="M26 38h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6h-4v-4h4z"
/>
<path
fill="url(#b)"
d="M44 20h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6h-4v-4h4z"
/>
</g>
</svg>
More icons in the same style and category