Add icons to this collection by clicking the heart icon.
Lock Pattern icon - also known as security, lock, unlock, screens, pattern, pattern lock, 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">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="41"
x2="41"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="14"
x2="14"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="23"
x2="23"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="50.051"
x2="50.051"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="44.66"
x2="44.66"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="32"
x2="32"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="50"
x2="50"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M45.05 46.465a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-9.515-9.516a.999.999 0 1 0-1.414 1.414z"
/>
<path
fill="url(#c)"
d="M14 27a1 1 0 0 0 1-1v-6a1 1 0 1 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path fill="url(#d)" d="M20 33h6a1 1 0 1 0 0-2h-6a1 1 0 1 0 0 2z" />
<path
fill="url(#e)"
d="M48.841 20.818c.415.07.828.104 1.235.104 2.461 0 4.722-1.255 5.971-3.396 1.538-2.636 1.175-5.837-.924-8.157-2.102-2.324-5.257-3.006-8.036-1.734a.999.999 0 0 0-.494 1.324c.229.504.823.72 1.325.495 2.393-1.095 4.579-.006 5.722 1.257 1.141 1.261 2.003 3.539.679 5.808-1.254 2.147-3.48 2.608-5.144 2.328-1.664-.282-3.611-1.454-4.085-3.894a1 1 0 0 0-1.963.381c.552 2.836 2.794 4.988 5.714 5.484z"
/>
<path
fill="url(#f)"
d="M44.66 12.26c.27 0 .53-.11.71-.3.19-.18.29-.44.29-.7 0-.27-.1-.53-.29-.71-.36-.37-1.05-.37-1.41 0a.982.982 0 0 0 0 1.41c.18.189.44.3.7.3z"
/>
<path
fill="url(#c)"
d="M14 16.935c1.491 0 3-1.008 3-2.935 0-3.854-6-3.854-6 0 0 1.927 1.509 2.935 3 2.935zm0-3.87c.167 0 1 .045 1 .935s-.833.935-1 .935-1-.045-1-.935.833-.935 1-.935z"
/>
<path
fill="url(#g)"
d="M32 21c3.794 0 7-3.206 7-7s-3.206-7-7-7-7 3.206-7 7 3.206 7 7 7zm0-12c2.71 0 5 2.29 5 5s-2.29 5-5 5-5-2.29-5-5 2.29-5 5-5z"
/>
<path
fill="url(#c)"
d="M14 21c3.794 0 7-3.206 7-7s-3.206-7-7-7-7 3.206-7 7 3.206 7 7 7zm0-12c2.71 0 5 2.29 5 5s-2.29 5-5 5-5-2.29-5-5 2.29-5 5-5z"
/>
<path
fill="url(#h)"
d="M50 52.935c1.491 0 3-1.008 3-2.935 0-3.854-6-3.854-6 0 0 1.927 1.509 2.935 3 2.935zm0-3.87c.167 0 1 .045 1 .935s-.833.935-1 .935-1-.045-1-.935.833-.935 1-.935z"
/>
<path
fill="url(#g)"
d="M32 34.935c1.491 0 3-1.008 3-2.935 0-3.854-6-3.854-6 0 0 1.927 1.509 2.935 3 2.935zm0-3.87c.167 0 1 .045 1 .935s-.833.935-1 .935-1-.045-1-.935.833-.935 1-.935z"
/>
<path
fill="url(#c)"
d="M14 34.935c1.491 0 3-1.008 3-2.935 0-3.854-6-3.854-6 0 0 1.927 1.509 2.935 3 2.935zm0-3.87c.167 0 1 .045 1 .935s-.833.935-1 .935-1-.045-1-.935.833-.935 1-.935z"
/>
<path
fill="url(#g)"
d="M32 39c3.794 0 7-3.206 7-7s-3.206-7-7-7-7 3.206-7 7 3.206 7 7 7zm0-12c2.71 0 5 2.29 5 5s-2.29 5-5 5-5-2.29-5-5 2.29-5 5-5z"
/>
<path
fill="url(#h)"
d="M50 39c3.794 0 7-3.206 7-7s-3.206-7-7-7-7 3.206-7 7 3.206 7 7 7zm0-12c2.71 0 5 2.29 5 5s-2.29 5-5 5-5-2.29-5-5 2.29-5 5-5z"
/>
<path
fill="url(#c)"
d="M14 39c3.794 0 7-3.206 7-7s-3.206-7-7-7-7 3.206-7 7 3.206 7 7 7zm0-12c2.71 0 5 2.29 5 5s-2.29 5-5 5-5-2.29-5-5 2.29-5 5-5z"
/>
<path
fill="url(#g)"
d="M32 57c3.794 0 7-3.206 7-7s-3.206-7-7-7-7 3.206-7 7 3.206 7 7 7zm0-12c2.71 0 5 2.29 5 5s-2.29 5-5 5-5-2.29-5-5 2.29-5 5-5z"
/>
<path
fill="url(#h)"
d="M50 57c3.794 0 7-3.206 7-7s-3.206-7-7-7-7 3.206-7 7 3.206 7 7 7zm0-12c2.71 0 5 2.29 5 5s-2.29 5-5 5-5-2.29-5-5 2.29-5 5-5z"
/>
<path
fill="url(#c)"
d="M14 57c3.794 0 7-3.206 7-7s-3.206-7-7-7-7 3.206-7 7 3.206 7 7 7zm0-12c2.71 0 5 2.29 5 5s-2.29 5-5 5-5-2.29-5-5 2.29-5 5-5z"
/>
</svg>
More icons in the same style and category