Add icons to this collection by clicking the heart icon.
Lock Pattern icon - also known as technology, security, protection, secure, safety, key, password, privacy, and lock pattern. Created in a clean flat gradient style with a white, silver, and gray 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 24 24"
>
<linearGradient
id="b"
x1="22.25"
x2="1.75"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#edf2ff" />
<stop offset=".39" stop-color="#eaf0fe" />
<stop offset=".625" stop-color="#e2ebfa" />
<stop offset=".818" stop-color="#d4e1f3" />
<stop offset=".988" stop-color="#c0d3e9" />
<stop offset="1" stop-color="#bed2e8" />
</linearGradient>
<linearGradient
id="a"
x1="8.25"
x2="3.75"
y1="6"
y2="6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fa8f82" />
<stop offset=".514" stop-color="#f78e81" />
<stop offset=".822" stop-color="#ef897c" />
<stop offset="1" stop-color="#e68477" />
</linearGradient>
<linearGradient
id="c"
x1="8.25"
x2="3.75"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a5fa9b" />
<stop offset=".514" stop-color="#a3f799" />
<stop offset=".822" stop-color="#9def94" />
<stop offset="1" stop-color="#97e68e" />
</linearGradient>
<linearGradient id="d" y1="18" y2="18" href="#a" />
<rect
width="20.5"
height="20.5"
x="1.75"
y="1.75"
fill="url(#b)"
rx="4.25"
/>
<path
fill="#807a6e"
d="M17.75 6.75h.5v4.5h-.5zM12.354 11.291l4.932-4.933.354.354-4.933 4.932zM12.75 17.75h4.5v.5h-4.5zM6.355 11.29l4.932-4.933.354.354-4.933 4.932zM6.354 12.709l.353-.353 4.933 4.932-.354.354zM17.75 12.75h.5v4.5h-.5z"
/>
<circle cx="12" cy="6" r="2.25" fill="#a5fa9b" />
<circle cx="12" cy="12" r="2.25" fill="#a5fa9b" />
<circle cx="12" cy="18" r="2.25" fill="#a5fa9b" />
<circle cx="18" cy="6" r="2.25" fill="#a5fa9b" />
<circle cx="18" cy="12" r="2.25" fill="#a5fa9b" />
<circle cx="18" cy="18" r="2.25" fill="#a5fa9b" />
<circle cx="6" cy="6" r="2.25" fill="url(#a)" />
<circle cx="6" cy="12" r="2.25" fill="url(#c)" />
<circle cx="6" cy="18" r="2.25" fill="url(#d)" />
<g fill="#edf2ff">
<circle cx="6" cy="6" r="1.25" />
<circle cx="12" cy="6" r="1.25" />
<circle cx="18" cy="6" r="1.25" />
<circle cx="6" cy="12" r="1.25" />
<circle cx="12" cy="12" r="1.25" />
<circle cx="18" cy="12" r="1.25" />
<circle cx="6" cy="18" r="1.25" />
<circle cx="12" cy="18" r="1.25" />
<circle cx="18" cy="18" r="1.25" />
</g>
<g fill="#f8f8f8">
<path
d="M21.5 8.25a.25.25 0 0 1-.25-.25V7a.25.25 0 0 1 .5 0v1a.25.25 0 0 1-.25.25zM21.5 6.25a.25.25 0 0 1-.25-.25 3.224 3.224 0 0 0-.584-1.856.25.25 0 0 1 .41-.288A3.727 3.727 0 0 1 21.75 6a.25.25 0 0 1-.25.25z"
/>
</g>
</svg>
More icons in the same style and category