Add icons to this collection by clicking the heart icon.
Id Card icon - also known as business, security, pass, identity, identification, and id card. Created in a clean lineal color style with a white, silver, gray, 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="100"
height="100"
viewBox="0 0 480 480"
>
<path
d="M356 472H116c-8.84 0-16-7.16-16-16V96c0-8.84 7.16-16 16-16h240c8.84 0 16 7.16 16 16v360c0 8.84-7.16 16-16 16z"
fill="#6fa0e3"
/>
<path
d="M276 152h-80c-8.84 0-16-7.16-16-16v-8c0-8.84 7.16-16 16-16h80c8.84 0 16 7.16 16 16v8c0 8.84-7.16 16-16 16zM286.496 336h-96C179.16 336 172 328.84 172 320V208c0-8.84 7.16-16 16-16h96c8.84 0 16 7.16 16 16v112c0 8.84-7.16 16-13.504 16z"
fill="#fff"
/>
<circle cx="236" cy="240.4" r="24" fill="#f5b945" />
<path
d="M268 336h-64v-56c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v56z"
fill="#f5b945"
/>
<path
d="M356 72H116c-13.232 0-24 10.768-24 24v360c0 13.232 10.768 24 24 24h240c13.232 0 24-10.768 24-24V96c0-13.232-10.768-24-24-24zm8 384c0 4.416-3.592 8-8 8H116c-4.408 0-8-3.584-8-8V96c0-4.416 3.592-8 8-8h240c4.408 0 8 3.584 8 8v360z"
fill="#4d4d4d"
/>
<path
d="M196 160h80c13.232 0 24-10.768 24-24v-8c0-13.232-10.768-24-24-24h-80c-13.232 0-24 10.768-24 24v8c0 13.232 10.768 24 24 24zm-8-32c0-4.416 3.592-8 8-8h80c4.408 0 8 3.584 8 8v8c0 4.416-3.592 8-8 8h-80c-4.408 0-8-3.584-8-8v-8zM276 408h-96c-4.416 0-8 3.576-8 8s3.584 8 8 8h96c4.416 0 8-3.576 8-8s-3.584-8-8-8zM292 368H180c-4.416 0-8 3.576-8 8s3.584 8 8 8h112c4.416 0 8-3.576 8-8s-3.584-8-8-8zM284 184h-96c-13.232 0-24 10.768-24 24v112c0 13.68 11.392 24 26.496 24h96C297.752 344 308 332.56 308 320V208c0-13.232-10.768-24-24-24zm-72 144v-48c0-4.416 3.592-8 8-8h12.288c1.232.144 2.44.376 3.712.376s2.48-.232 3.712-.376H252c4.408 0 8 3.584 8 8v48h-48zm8-87.624c0-8.824 7.176-16 16-16s16 7.176 16 16c0 7.656-5.416 14.064-12.624 15.624h-6.76c-7.192-1.56-12.616-7.968-12.616-15.624zM292 320c0 4.856-4.088 8-5.504 8H276v-48c0-9.504-5.6-17.664-13.632-21.552 3.536-5.144 5.632-11.368 5.632-18.072 0-17.648-14.352-32-32-32s-32 14.352-32 32a31.736 31.736 0 0 0 5.632 18.072C201.6 262.336 196 270.496 196 280v48h-5.504c-6.28 0-10.496-3.216-10.496-8V208c0-4.416 3.592-8 8-8h96c4.408 0 8 3.584 8 8v112zM468 392h-16v-16c0-4.424-3.584-8-8-8s-8 3.576-8 8v16h-16c-4.416 0-8 3.576-8 8s3.584 8 8 8h16v16c0 4.424 3.584 8 8 8s8-3.576 8-8v-16h16c4.416 0 8-3.576 8-8s-3.584-8-8-8zM28 80C14.768 80 4 90.768 4 104s10.768 24 24 24 24-10.768 24-24-10.768-24-24-24zm0 32c-4.408 0-8-3.584-8-8s3.592-8 8-8 8 3.584 8 8-3.592 8-8 8z"
fill="#4d4d4d"
/>
<path
d="M252 128h-32c-8.84 0-16-7.16-16-16V8h64v104c0 8.84-7.16 16-16 16z"
fill="#fff"
/>
<path
d="M268 0h-64c-4.416 0-8 3.576-8 8v104c0 13.232 10.768 24 24 24h32c13.232 0 24-10.768 24-24V8c0-4.424-3.584-8-8-8zm-8 112c0 4.416-3.592 8-8 8h-32c-4.408 0-8-3.584-8-8V16h48v96z"
fill="#4d4d4d"
/>
<circle cx="236" cy="34.752" r="7.128" fill="#4d4d4d" />
<circle cx="236" cy="66.752" r="7.128" fill="#4d4d4d" />
<circle cx="236" cy="98.752" r="7.128" fill="#4d4d4d" />
</svg>
More icons in the same style and category