Add icons to this collection by clicking the heart icon.
Passcode icon - also known as monitor, security, authorization, password, ui, account, login, seo and web, and passcode. Created in a clean flat style with a white, silver, gray, yellow, olive, orange, and pink 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 64 64"
>
<path
fill="#7876ab"
d="M63 13v29H1V13c0-3.31 2.69-6 6-6h50c3.31 0 6 2.69 6 6z"
/>
<path
fill="#ccef5e"
d="M23 20h-5a.997.997 0 0 1-.707-.293l-2.59-2.59a.999.999 0 1 1 1.414-1.414L18.414 18H23a1 1 0 1 1 0 2zM15.41 27.59a.999.999 0 0 1-.707-1.707l2.59-2.59A.997.997 0 0 1 18 23h5a1 1 0 1 1 0 2h-4.586l-2.297 2.297a.997.997 0 0 1-.707.293zM21 34a1 1 0 0 1-1-1v-2c0-.266.105-.52.293-.707l2.8-2.8a.999.999 0 1 1 1.414 1.414L22 31.414V33a1 1 0 0 1-1 1zM46 20h-5a1 1 0 1 1 0-2h4.586l2.297-2.297a.999.999 0 1 1 1.414 1.414l-2.59 2.59A.997.997 0 0 1 46 20zM48.59 27.59a.997.997 0 0 1-.707-.293L45.586 25H41a1 1 0 1 1 0-2h5c.265 0 .52.105.707.293l2.59 2.59a.999.999 0 0 1-.707 1.707zM43 34a1 1 0 0 1-1-1v-1.586l-2.507-2.507a.999.999 0 1 1 1.414-1.414l2.8 2.8A.996.996 0 0 1 44 31v2a1 1 0 0 1-1 1z"
/>
<path
fill="#5e5e84"
d="M63 13v29H1v-3h57c1.1 0 2-.9 2-2V7.81c1.79 1.03 3 2.97 3 5.19z"
/>
<path
fill="#cacae5"
d="M4 13.256v-1.994C4 10.565 4.565 10 5.262 10h2.326c1.172 0 1.711 1.458.821 2.22l-2.326 1.994c-.818.702-2.083.12-2.083-.958z"
/>
<path
fill="#d6d4ce"
d="M44.48 61.19c.79.56.39 1.81-.58 1.81H20.12c-.97 0-1.37-1.25-.58-1.81l1.95-1.4A6 6 0 0 0 24 54.91V49h16.02v5.91a6 6 0 0 0 2.51 4.88z"
/>
<path
fill="#f8f4e8"
d="M63 42v1c0 3.31-2.69 6-6 6H7c-3.31 0-6-2.69-6-6v-1z"
/>
<path
fill="#ccef5e"
d="M41 17v7.72c0 2.67-1.34 5.17-3.56 6.65L32 35l-5.44-3.63A8.002 8.002 0 0 1 23 24.72V17l9-4z"
/>
<path
fill="#51b224"
d="M41 17v7.72a7.99 7.99 0 0 1-3.556 6.647L32 35l-.75-.5 3.19-2.13A8.006 8.006 0 0 0 38 25.712v-6.45c0-.767-.452-1.463-1.153-1.774L29.38 14.17 32 13z"
/>
<g fill="#ffc32c">
<circle cx="14" cy="15" r="2" />
<circle cx="14" cy="28" r="2" />
<circle cx="21" cy="35" r="2" />
<circle cx="50" cy="15" r="2" />
<circle cx="50" cy="28" r="2" />
<circle cx="43" cy="35" r="2" />
</g>
<path
fill="#ebf9bf"
d="M25.536 18.975c-.028.432-.04 1.102.053 1.883.075.625.897.806 1.219.266l1.174-1.973a.656.656 0 0 0-.672-.983l-1.227.205a.65.65 0 0 0-.547.602z"
/>
<path
fill="#cacae5"
d="M34 23.5a.5.5 0 0 1-.5-.5v-2c0-.827-.673-1.5-1.5-1.5s-1.5.673-1.5 1.5v2a.5.5 0 0 1-1 0v-2c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5v2a.5.5 0 0 1-.5.5z"
/>
<path
fill="#ffc32c"
d="M35 24v3c0 .55-.45 1-1 1h-4c-.55 0-1-.45-1-1v-3c0-.55.45-1 1-1h4c.55 0 1 .45 1 1z"
/>
</svg>
More icons in the same style and category