Add icons to this collection by clicking the heart icon.
Id Card icon - also known as badge, employee, identification, id card, business and finance, unemployed, unemployment, jobless, and job loss. Created in a clean flat style with a white, silver, gray, 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 512 512"
>
<g>
<path
fill="#ffe584"
d="m297.43 35.56-22.67 84.7h-54.69l26.33-98.37a14.68 14.68 0 0 1 18-10.38l22.66 6.08a14.67 14.67 0 0 1 10.37 17.97z"
/>
<path
fill="#ffe584"
d="m229.72 84.21-9.65 36.05h-35.39L162 35.56a14.67 14.67 0 0 1 10.38-18l22.66-6.08a14.68 14.68 0 0 1 18 10.38z"
/>
<path
fill="#cfdce5"
d="M397.72 166.67v180.57a76.51 76.51 0 1 0-26.21 149.14A46.21 46.21 0 0 1 351.3 501H108.13a46.41 46.41 0 0 1-46.41-46.42V166.67a46.41 46.41 0 0 1 46.41-46.41H351.3a46.42 46.42 0 0 1 46.42 46.41z"
/>
<path
fill="#bcc6cc"
d="M231.75 501H108.14a46.42 46.42 0 0 1-46.42-46.42V166.67a46.41 46.41 0 0 1 31-43.76q-.94 15.42-1 31.09a498.28 498.28 0 0 0 140.03 347z"
/>
<path
fill="#ffebb9"
d="M309.72 461.73a29.88 29.88 0 0 1-16.65 5h-126.7a30.07 30.07 0 0 1-30.07-30.03v-19.59a30.06 30.06 0 0 1 30.07-30.06h126.7a29.7 29.7 0 0 1 10.71 2 76.55 76.55 0 0 0 5.94 72.7z"
/>
<path
fill="#eddab0"
d="M201.62 466.77h-35.25a30.07 30.07 0 0 1-30.07-30.07v-19.59a30 30 0 0 1 15.09-26.05 500.89 500.89 0 0 0 50.23 75.71z"
/>
<path
fill="#d37e53"
d="M297.41 340.39a23.3 23.3 0 0 1-23.31 23.31h-88.77A23.31 23.31 0 0 1 162 340.39a55.77 55.77 0 0 1 16.38-39.55l.56-.55a97.37 97.37 0 0 0 101.51 0 55.71 55.71 0 0 1 16.96 40.1z"
/>
<g fill="#ead6a9">
<path
d="M262.61 309.58c0 11.71-14.73 21.2-32.89 21.2s-32.89-9.49-32.89-21.2v-.64a98.8 98.8 0 0 0 65.75 0c.02.21.03.43.03.64zM333 243a18.46 18.46 0 0 1-18.45 18.45c-.4 0-.8 0-1.2-.05A70.52 70.52 0 0 0 318 236a71.34 71.34 0 0 0-.91-11.28A18.45 18.45 0 0 1 333 243zM146.13 261.37c-.4 0-.81.05-1.21.05a18.45 18.45 0 0 1-2.6-36.71 71.33 71.33 0 0 0-.9 11.28 70.51 70.51 0 0 0 4.71 25.38z"
/>
</g>
<path
fill="#ffebb9"
d="M318 236c0 43.4-39.54 78.58-88.31 78.58s-88.3-35.18-88.3-78.58a71.33 71.33 0 0 1 .9-11.28 18.61 18.61 0 0 1 2.6-.19 18.23 18.23 0 0 1 5.46.83 13.68 13.68 0 0 0 13.27-3.09c1.66-1.52 3.28-3.19 4.77-4.81a56.34 56.34 0 0 1 23.12-15.07 127.18 127.18 0 0 1 77.31-2.25A52.71 52.71 0 0 1 293 215.4a35.08 35.08 0 0 0 15.83 10 18.4 18.4 0 0 1 5.68-.9 18.64 18.64 0 0 1 2.61.19A71.34 71.34 0 0 1 318 236z"
/>
<path
fill="#4d4d4d"
d="M318 186.7v38.16a18.34 18.34 0 0 0-9.19.56 35.08 35.08 0 0 1-15.83-10 52.61 52.61 0 0 0-24.15-15.26 127.17 127.17 0 0 0-77.31 2.23 56.46 56.46 0 0 0-23.12 15.08c-1.48 1.62-3.11 3.29-4.78 4.81a13.68 13.68 0 0 1-13.26 3.09 18.18 18.18 0 0 0-5.46-.83 18.37 18.37 0 0 0-8.47 2.06 23.42 23.42 0 0 1-3.17-2l.23-1.55a101.45 101.45 0 0 1 7.79-27 79.11 79.11 0 0 1 33.95-44.13v-.17h.27A78.53 78.53 0 0 1 216.87 140l42.41 5.89a61.62 61.62 0 0 0 19.17-.21c13.19-2.33 21.43 1.45 27.05 6.83a20 20 0 0 1 5.35 9.33A46.35 46.35 0 0 1 318 186.7z"
/>
<circle cx="373.78" cy="419.91" r="76.5" fill="#f7f5fb" />
<path
fill="#f46969"
d="m399.84 419.91 14.68-14.69a18.43 18.43 0 0 0 0-26.05 18.42 18.42 0 0 0-26.06 0l-14.68 14.68-14.68-14.68a18.42 18.42 0 0 0-26.06 0 18.43 18.43 0 0 0 0 26.05l14.68 14.69L333 434.59a18.43 18.43 0 0 0 0 26.05 18.42 18.42 0 0 0 26.06 0L373.78 446l14.68 14.68a18.42 18.42 0 0 0 26.06 0 18.43 18.43 0 0 0 0-26.05z"
/>
<path
fill="#4a5058"
d="M191.33 257.39a6 6 0 0 1-6-6v-5.09a6 6 0 0 1 12 0v5.09a6 6 0 0 1-6 6zM268.11 257.39a6 6 0 0 1-6-6v-5.09a6 6 0 0 1 12 0v5.09a6 6 0 0 1-6 6zM229.72 278.26a15.54 15.54 0 0 1-13.61-8.05 6 6 0 1 1 10.51-5.79 3.52 3.52 0 0 0 6.19 0 6 6 0 0 1 10.52 5.79 15.56 15.56 0 0 1-13.61 8.05z"
/>
</g>
</svg>
More icons in the same style and category