Add icons to this collection by clicking the heart icon.
Pin Code icon - also known as security, protection, lock, secure, padlock, password, passkey, and pin code. Created in a clean flat style with a silver, gray, yellow, teal, and orange 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 96 96"
>
<g>
<rect
width="47.08"
height="42.49"
x="24.46"
y="28.52"
fill="#7383cf"
rx="4.02"
/>
<rect
width="47.08"
height="37.29"
x="24.46"
y="28.52"
fill="#96a6e8"
rx="4.02"
/>
<path
fill="#b4c9e8"
d="M66.43 36.38v-.94a1.81 1.81 0 0 0-1.81-1.81H31.38a1.81 1.81 0 0 0-1.81 1.81v.94a3.53 3.53 0 0 0 3.53 3.53h29.8a3.53 3.53 0 0 0 3.53-3.53zM29.57 47.77v9.85a4 4 0 0 0 4 4h28.84a4 4 0 0 0 4-4v-9.85a3.5 3.5 0 0 0-3.5-3.5H33.07a3.5 3.5 0 0 0-3.5 3.5z"
/>
<path
fill="#555f9b"
d="M64.32 16.33v12.2h-7.63v-12.2a8.7 8.7 0 1 0-17.39 0v12.2h-7.63v-12.2a16.33 16.33 0 1 1 32.65 0z"
/>
<path
fill="#7396d7"
d="M41.6 10.45a8.68 8.68 0 0 1 12.79 0 3.66 3.66 0 0 0 2.71 1.13 3.82 3.82 0 0 0 2.8-6.43 16.34 16.34 0 0 0-23.76-.05 3.83 3.83 0 0 0 2.75 6.48 3.73 3.73 0 0 0 2.71-1.13z"
/>
<path
fill="#3c5073"
d="M31.67 20.26h7.63v8.27h-7.63zM56.69 20.26h7.63v8.27h-7.63z"
/>
<path
fill="#555f9b"
d="M56.73 45.17a8.73 8.73 0 1 0-11.56 8.24v6.85a2.83 2.83 0 0 0 5.66 0v-6.85a8.73 8.73 0 0 0 5.9-8.24zM48 48.24a3.07 3.07 0 1 1 3.07-3.07A3.08 3.08 0 0 1 48 48.24z"
/>
<rect
width="59.67"
height="15.58"
x="18.16"
y="78.73"
fill="#ff9c50"
rx="2.46"
/>
<rect
width="38.83"
height="9.96"
x="28.59"
y="81.54"
fill="#ffd850"
rx="2.46"
/>
<g fill="#46417d">
<path
d="M27.92 91a1 1 0 0 1-1-1v-6.93a1 1 0 1 1 2 0V90a1 1 0 0 1-1 1z"
/>
<path d="M31.37 87.54h-6.91a1 1 0 0 1 0-2h6.91a1 1 0 1 1 0 2z" />
<path
d="M30.36 90a1 1 0 0 1-.72-.3l-4.89-4.9a1 1 0 1 1 1.44-1.44l4.89 4.88a1 1 0 0 1-.72 1.76z"
/>
<path
d="M25.47 90a1 1 0 0 1-.72-1.75l4.89-4.88a1 1 0 0 1 1.44 1.44l-4.89 4.89a1 1 0 0 1-.72.3zM41.08 91a1 1 0 0 1-1-1v-6.93a1 1 0 1 1 2 0V90a1 1 0 0 1-1 1z"
/>
<path d="M44.54 87.54h-6.91a1 1 0 1 1 0-2h6.91a1 1 0 1 1 0 2z" />
<path
d="M43.53 90a1 1 0 0 1-.73-.3l-4.88-4.9a1 1 0 0 1 1.44-1.44l4.89 4.88a1 1 0 0 1-.72 1.76z"
/>
<path
d="M38.64 90a1 1 0 0 1-.72-1.75l4.88-4.88a1 1 0 0 1 1.45 0 1 1 0 0 1 0 1.44l-4.89 4.89a1 1 0 0 1-.72.3zM54.25 91a1 1 0 0 1-1-1v-6.93a1 1 0 1 1 2 0V90a1 1 0 0 1-1 1z"
/>
<path d="M57.7 87.54h-6.91a1 1 0 1 1 0-2h6.91a1 1 0 1 1 0 2z" />
<path
d="M56.69 90a1 1 0 0 1-.72-.3l-4.89-4.9a1 1 0 0 1 0-1.44 1 1 0 0 1 1.45 0l4.88 4.88a1 1 0 0 1-.72 1.76z"
/>
<path
d="M51.8 90a1 1 0 0 1-.72-1.75L56 83.36a1 1 0 0 1 1.44 1.44l-4.88 4.89a1 1 0 0 1-.76.31zM67.41 91a1 1 0 0 1-1-1v-6.93a1 1 0 1 1 2 0V90a1 1 0 0 1-1 1z"
/>
<path d="M70.87 87.54H64a1 1 0 1 1 0-2h6.91a1 1 0 0 1 0 2z" />
<path
d="M69.86 90a1 1 0 0 1-.72-.3l-4.89-4.9a1 1 0 0 1 1.44-1.44l4.89 4.88a1 1 0 0 1-.72 1.76z"
/>
<path
d="M65 90a1 1 0 0 1-.72-1.75l4.89-4.88a1 1 0 0 1 1.44 1.44l-4.89 4.89a1 1 0 0 1-.72.3z"
/>
</g>
</g>
</svg>
More icons in the same style and category