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 gradient 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"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="4"
x2="59.751"
y1="36.263"
y2="36.263"
>
<stop offset="0" stop-color="#4286f4" />
<stop offset="1" stop-color="#373b44" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x2="59.751"
y1="38.5"
y2="38.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
x2="59.751"
y1="51"
y2="51"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x2="59.751"
y1="32.5"
y2="32.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-6"
x2="59.751"
y1="44.5"
y2="44.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-7"
x2="59.751"
y1="30.25"
y2="30.25"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-8"
x2="59.751"
y1="10.5"
y2="10.5"
href="#linear-gradient"
/>
<g id="Employee_ID">
<path
d="m20.5 39.94727a3.68409 3.68409 0 1 0 -3.68457-3.68409 3.68888 3.68888 0 0 0 3.68457 3.68409zm0-5.36817a1.68409 1.68409 0 1 1 -1.68457 1.68408 1.68627 1.68627 0 0 1 1.68457-1.68408z"
fill="url(#linear-gradient)"
/>
<path
d="m30 38.5a9.5 9.5 0 1 0 -9.5 9.5 9.51081 9.51081 0 0 0 9.5-9.5zm-17 0a7.5 7.5 0 1 1 13.35663 4.67273 7.23272 7.23272 0 0 0 -11.71326 0 7.45884 7.45884 0 0 1 -1.64337-4.67273zm3.09595 6.05762a5.27258 5.27258 0 0 1 8.8081 0 7.44468 7.44468 0 0 1 -8.8081 0z"
fill="url(#linear-gradient-2)"
/>
<path
d="m25.5 52h-10a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
fill="url(#linear-gradient-3)"
/>
<path
d="m52 33.5h-18a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z"
fill="url(#linear-gradient-4)"
/>
<path
d="m52 39.5h-18a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z"
fill="url(#linear-gradient-2)"
/>
<path
d="m52 45.5h-18a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z"
fill="url(#linear-gradient-6)"
/>
<path
d="m53 16h-15v-5.5a6 6 0 0 0 -12 0v5.5h-15a6.00657 6.00657 0 0 0 -6 6v28a6.00657 6.00657 0 0 0 6 6h42a6.00657 6.00657 0 0 0 6-6v-28a6.00657 6.00657 0 0 0 -6-6zm-25-5.5a4 4 0 0 1 8 0l.001 10h-8.001zm-17 7.5h15v2.5a2.00229 2.00229 0 0 0 2 2h8a2.00229 2.00229 0 0 0 2-2v-2.5h15a4.00427 4.00427 0 0 1 4 4v2h-50v-2a4.00427 4.00427 0 0 1 4-4zm42 36h-42a4.00427 4.00427 0 0 1 -4-4v-24h50v24a4.00427 4.00427 0 0 1 -4 4z"
fill="url(#linear-gradient-7)"
/>
<path
d="m32 13.5a3 3 0 1 1 3-3 3.00328 3.00328 0 0 1 -3 3zm0-4a1 1 0 1 0 1 1 1.001 1.001 0 0 0 -1-1z"
fill="url(#linear-gradient-8)"
/>
</g>
</svg>
More icons in the same style and category