Add icons to this collection by clicking the heart icon.
Id Card icon - also known as business, pass, identity, identification, id card, and ui. 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="475pt"
height="475pt"
viewBox="-83 0 475 475.903"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="506"
y2="16.02"
gradientTransform="matrix(1 0 0 -1 -101.549 496.003)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="256.049"
x2="256.049"
y1="506"
y2="16.02"
gradientTransform="matrix(1 0 0 -1 -101.549 496.003)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="256.05"
x2="256.05"
y1="506"
y2="16.02"
gradientTransform="matrix(1 0 0 -1 -101.549 496.003)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M263.453 112.004c-.02-5.52-4.484-9.984-10-10h-198a10.024 10.024 0 0 0-10 10v212a10.027 10.027 0 0 0 10 10h198c5.516-.016 9.98-4.484 10-10zm-20 201h-178v-191h178zm0 0"
/>
<path
fill="url(#c)"
d="M98.352 299.004H210.55a9.616 9.616 0 0 0 9.902-9.602v-18c-.027-31.605-22.39-58.789-53.402-64.898 17.808-6.133 28.582-24.238 25.472-42.813-3.109-18.578-19.187-32.187-38.023-32.187s-34.91 13.61-38.02 32.187c-3.109 18.575 7.66 36.68 25.473 42.813-31.027 6.082-53.406 33.281-53.402 64.898v18a9.46 9.46 0 0 0 2.84 6.903 9.478 9.478 0 0 0 6.96 2.699zm37.5-128.902c0-10.274 8.328-18.598 18.601-18.598 10.27 0 18.598 8.324 18.598 18.598 0 10.273-8.328 18.601-18.598 18.601-10.27-.016-18.586-8.336-18.601-18.601zm-27.399 101.3c0-25.406 20.594-46 46-46 25.402 0 46 20.594 46 46v7.602h-92zm0 0"
/>
<path
fill="url(#d)"
d="M257.953 53.004h-50.5v-43.3a9.784 9.784 0 0 0-2.973-6.946 9.769 9.769 0 0 0-7.027-2.754h-86a9.771 9.771 0 0 0-10 9.7v43.3h-50.5c-27.601 0-50.5 22.7-50.5 50.2v323c0 27.597 22.899 49.698 50.5 49.698h207.098c27.601 0 50.5-22.199 50.5-49.699v-323c-.098-27.5-23-50.2-50.598-50.2zm-136.5-3h66v25h-66zm66-30v10h-66v-10zm101 406.297c0 16.5-13.902 29.703-30.5 29.703h-207c-16.5 0-30.5-13.203-30.5-29.703v-323c0-16.5 13.899-30.2 30.5-30.2h50.5v11.7a10.288 10.288 0 0 0 10 10.3h86c5.586-.12 10.04-4.71 10-10.3V73.004h50.5c16.5 0 30.5 13.7 30.5 30.2zm0 0"
/>
<g fill="url(#b)">
<path
d="M249.652 404.004H59.25c-5.523 0-10 4.476-10 10 0 5.523 4.477 10 10 10h190.402c5.524 0 10-4.477 10-10 0-5.524-4.476-10-10-10zM219.652 384.004c5.524 0 10-4.477 10-10 0-5.524-4.476-10-10-10H89.25c-5.523 0-10 4.476-10 10 0 5.523 4.477 10 10 10zm0 0"
/>
</g>
</svg>
More icons in the same style and category