Add icons to this collection by clicking the heart icon.
Id Card icon - also known as user, badge, employee, identity, identification, and id card. Created in a clean outline color 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"
>
<g>
<rect width="52" height="38" x="6" y="18.75" fill="#f6f4e6" rx="5" />
<path
fill="#d2d2d2"
d="M31.004 40.25a9.5 9.5 0 1 0-9.5 9.5 9.51 9.51 0 0 0 9.5-9.5zm-17 0a7.5 7.5 0 1 1 13.357 4.673 7.233 7.233 0 0 0-11.713 0 7.459 7.459 0 0 1-1.644-4.673zm3.096 6.058a5.273 5.273 0 0 1 8.808 0 7.445 7.445 0 0 1-8.808 0zM53 18.75h-2.5a5.015 5.015 0 0 1 5 5v28a5.015 5.015 0 0 1-5 5H53a5.015 5.015 0 0 0 5-5v-28a5.015 5.015 0 0 0-5-5z"
/>
<path
fill="#98acf8"
d="M29 40.25a8.5 8.5 0 1 1-8.5-8.5 8.496 8.496 0 0 1 8.5 8.5z"
/>
<path
fill="#d2d2d2"
d="M26.504 53.75h-10a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM53.004 35.25h-18a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2zM53.004 41.25h-18a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2zM53.004 47.25h-18a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z"
/>
<path
fill="#778cbc"
d="M20.5 31.75a8.5 8.5 0 0 0-1.25.102 8.49 8.49 0 0 1 0 16.797 8.525 8.525 0 0 0 1.25.101 8.5 8.5 0 0 0 0-17z"
/>
<path
fill="#b6cdff"
d="M20.125 31.75a8.5 8.5 0 0 1 1.25.102 8.49 8.49 0 0 0 0 16.797 8.525 8.525 0 0 1-1.25.101 8.5 8.5 0 0 1 0-17z"
/>
<circle cx="20.5" cy="38.013" r="2.5" fill="#f05454" />
<path
fill="#ad4545"
d="M20.782 35.962a2.028 2.028 0 0 0-.615.104 2.038 2.038 0 0 1 0 3.894 2.028 2.028 0 0 0 .615.104 2.051 2.051 0 0 0 0-4.102z"
/>
<path
fill="#e89191"
d="M20.218 35.962a2.028 2.028 0 0 1 .615.104 2.038 2.038 0 0 0 0 3.894 2.028 2.028 0 0 1-.615.104 2.051 2.051 0 0 1 0-4.102z"
/>
<path
fill="#f05454"
d="M26.21 46.54a8.481 8.481 0 0 1-11.42 0 6.375 6.375 0 0 1 11.42 0z"
/>
<path
fill="#ad4545"
d="M19.428 43.503a6.275 6.275 0 0 1 5.042 4.44 8.449 8.449 0 0 1-.788.445 8.436 8.436 0 0 0 2.412-1.058 6.275 6.275 0 0 0-5.041-4.44 6.386 6.386 0 0 0-4.135.69 6.452 6.452 0 0 1 2.51-.077z"
/>
<path
fill="#e89191"
d="M21.578 43.503a6.275 6.275 0 0 0-5.041 4.44 8.449 8.449 0 0 0 .787.445 8.436 8.436 0 0 1-2.412-1.058 6.275 6.275 0 0 1 5.041-4.44 6.386 6.386 0 0 1 4.135.69 6.452 6.452 0 0 0-2.51-.077z"
/>
<path
fill="#98acf8"
d="M58 23.46v3.29H6v-3.29a4.876 4.876 0 0 1 5-4.71h42a4.873 4.873 0 0 1 1.01.1A4.798 4.798 0 0 1 58 23.46z"
/>
<path
fill="#f05454"
d="M32 7.25a5 5 0 0 1 5 5v10a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-10a5 5 0 0 1 5-5z"
/>
<path
fill="#ad4545"
d="M33.004 15.25a3 3 0 1 1 3-3 3.003 3.003 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1.001 1.001 0 0 0-1-1z"
/>
<path
fill="#ad4545"
d="M32 7.25a5.021 5.021 0 0 0-1 .1 5.001 5.001 0 0 1 4 4.9v10a1 1 0 0 1-1 1h2a1 1 0 0 0 1-1v-10a5 5 0 0 0-5-5z"
/>
<path
fill="#e89191"
d="M32 7.25a5.021 5.021 0 0 1 1 .1 5.001 5.001 0 0 0-4 4.9v10a1 1 0 0 0 1 1h-2a1 1 0 0 1-1-1v-10a5 5 0 0 1 5-5z"
/>
<path
fill="#778cbc"
d="M58 23.75v3h-2.5v-3a5.015 5.015 0 0 0-5-5H53a5.669 5.669 0 0 1 1.01.1 5.018 5.018 0 0 1 3.99 4.9z"
/>
<path
fill="#fff"
d="M10.75 18.75h2.5a5.015 5.015 0 0 0-5 5v28a5.015 5.015 0 0 0 5 5h-2.5a5.015 5.015 0 0 1-5-5v-28a5.015 5.015 0 0 1 5-5z"
/>
<path
fill="#b6cdff"
d="M5.75 23.75v3h2.5v-3a5.015 5.015 0 0 1 5-5h-2.5a5.669 5.669 0 0 0-1.01.1 5.018 5.018 0 0 0-3.99 4.9z"
/>
<circle cx="32" cy="12.25" r="2" fill="#f6f4e6" />
<path
fill="#d2d2d2"
d="M32.09 10.896a1.648 1.648 0 0 0-.49.08 1.307 1.307 0 0 1 0 2.549 1.648 1.648 0 0 0 .49.08 1.438 1.438 0 0 0 1.51-1.355 1.438 1.438 0 0 0-1.51-1.354z"
/>
<path
fill="#778cbc"
d="M38 18.75v3.55a2.006 2.006 0 0 1-2 2h1a2.006 2.006 0 0 0 2-2v-3.55z"
/>
<path
fill="#fff"
d="M31.91 10.896a1.648 1.648 0 0 1 .49.08 1.307 1.307 0 0 0 0 2.549 1.648 1.648 0 0 1-.49.08 1.438 1.438 0 0 1-1.51-1.355 1.438 1.438 0 0 1 1.51-1.354z"
/>
<g fill="#214252">
<path
d="M20.5 41.697a3.684 3.684 0 1 0-3.685-3.684 3.689 3.689 0 0 0 3.685 3.684zm0-5.368a1.684 1.684 0 1 1-1.685 1.684A1.686 1.686 0 0 1 20.5 36.33z"
/>
<path
d="M30 40.25a9.5 9.5 0 1 0-9.5 9.5 9.51 9.51 0 0 0 9.5-9.5zm-17 0a7.5 7.5 0 1 1 13.357 4.673 7.233 7.233 0 0 0-11.714 0A7.459 7.459 0 0 1 13 40.25zm3.096 6.058a5.273 5.273 0 0 1 8.808 0 7.445 7.445 0 0 1-8.808 0zM25.5 53.75h-10a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM52 35.25H34a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2zM52 41.25H34a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2zM52 47.25H34a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z"
/>
<path
d="M53 17.75H38v-5.5a6 6 0 0 0-12 0v5.5H11a6.007 6.007 0 0 0-6 6v28a6.007 6.007 0 0 0 6 6h42a6.007 6.007 0 0 0 6-6v-28a6.007 6.007 0 0 0-6-6zm-25-5.5a4 4 0 0 1 8 0l.001 10H28zm-17 7.5h15v2.5a2.002 2.002 0 0 0 2 2h8a2.002 2.002 0 0 0 2-2v-2.5h15a4.004 4.004 0 0 1 4 4v2H7v-2a4.004 4.004 0 0 1 4-4zm42 36H11a4.004 4.004 0 0 1-4-4v-24h50v24a4.004 4.004 0 0 1-4 4z"
/>
<path
d="M32 15.25a3 3 0 1 1 3-3 3.003 3.003 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1.001 1.001 0 0 0-1-1z"
/>
</g>
</g>
</svg>
More icons in the same style and category