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="512"
height="512"
viewBox="0 2 98 98"
>
<linearGradient
id="a"
x1="49"
x2="49"
y1="16.333"
y2="91.678"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M86.9 28.6H59v-6.7c0-1.7-1.3-3-3-3H41.9c-1.7 0-3 1.3-3 3v6.7H11.1c-1.7 0-3 1.3-3 3v52.5c0 1.7 1.3 3 3 3h75.8c1.7 0 3-1.3 3-3V31.6c0-1.7-1.3-3-3-3zm-42-3.7H53v11.4h-8.1V24.9zm39 56.2H14.1V34.6h24.8v4.7c0 1.7 1.3 3 3 3H56c1.7 0 3-1.3 3-3v-4.7h24.9v46.5z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="33.8"
x2="33.8"
y1="16.333"
y2="91.678"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M43.1 48.7H24.5c-1.7 0-3 1.3-3 3v18.6c0 1.7 1.3 3 3 3h18.6c1.7 0 3-1.3 3-3V51.7c0-1.7-1.3-3-3-3zm-3 18.6H27.5V54.7h12.6v12.6z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="64.25"
x2="64.25"
y1="16.333"
y2="91.678"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path d="M55 63.7h18.5v6H55z" fill="url(#c)" />
<linearGradient
id="d"
x1="64.25"
x2="64.25"
y1="16.333"
y2="91.678"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path d="M55 51.9h18.5v6H55z" fill="url(#d)" />
</svg>
More icons in the same style and category