Add icons to this collection by clicking the heart icon.
Id Card icon - also known as user, pass, identity, identification, id card, business card, and communications. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="16.191"
x2="492.763"
y1="511.809"
y2="35.237"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-43.809"
x2="432.763"
y1="451.809"
y2="-24.763"
href="#a"
/>
<linearGradient
id="c"
x1="26.191"
x2="502.763"
y1="521.809"
y2="45.237"
href="#a"
/>
<linearGradient
id="d"
x1="40.191"
x2="516.763"
y1="535.809"
y2="59.237"
href="#a"
/>
<linearGradient
id="e"
x1="100.191"
x2="576.763"
y1="595.809"
y2="119.237"
href="#a"
/>
<linearGradient
id="f"
x1="86.191"
x2="562.763"
y1="581.809"
y2="105.237"
href="#a"
/>
<linearGradient
id="g"
x1="114.191"
x2="590.763"
y1="609.809"
y2="133.237"
href="#a"
/>
<linearGradient
id="h"
x1="80.191"
x2="556.763"
y1="575.809"
y2="99.237"
href="#a"
/>
<path
fill="url(#a)"
d="M476 88H304V64a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v24H36a28.031 28.031 0 0 0-28 28v312a28.031 28.031 0 0 0 28 28h440a28.031 28.031 0 0 0 28-28V116a28.031 28.031 0 0 0-28-28zM224 72h64v40h-64zm264 356a12.01 12.01 0 0 1-12 12H36a12.01 12.01 0 0 1-12-12V116a12.01 12.01 0 0 1 12-12h172v16a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-16h172a12.01 12.01 0 0 1 12 12z"
/>
<path
fill="url(#b)"
d="M256 136H48a8 8 0 0 0-8 8v224a8 8 0 0 0 8 8h208a8 8 0 0 0 8-8V144a8 8 0 0 0-8-8zm-32 224h-16v-8a8 8 0 0 0-16 0v8h-80v-8a8 8 0 0 0-16 0v8H80v-31.08c1.1-1.36 6.56-6.63 29.84-15.58 7.62-2.93 15.06-5.44 20.42-7.17a24 24 0 0 0 43.48 0c5.33 1.72 12.73 4.22 20.33 7.14 23.35 8.96 28.82 14.25 29.93 15.61zm-65-140.38c6.32 6.89 15.25 13.47 25 13.99V240a32 32 0 0 1-64 0v-6.77c9.4.37 23.95-1.62 39-13.61zm-39-2.37V208a24.032 24.032 0 0 1 24-24h16a24.032 24.032 0 0 1 24 24v9.52c-8.31-1.13-17.25-13.82-17.34-13.96a8.014 8.014 0 0 0-12.32-1.22c-13.73 13.74-27.09 15.33-34.34 14.91zM160 288v8a8 8 0 0 1-16 0v-8zm88 72h-8v-32c0-9.74-10.73-17.97-37.05-28.41-10.45-4.14-20.77-7.55-26.95-9.5v-8.55A48.012 48.012 0 0 0 200 240v-32a40.04 40.04 0 0 0-40-40h-16a40.04 40.04 0 0 0-40 40v32a48.012 48.012 0 0 0 24 41.54v8.55c-6.18 1.95-16.5 5.36-26.95 9.5C74.73 310.03 64 318.26 64 328v32h-8V152h192z"
/>
<path
fill="url(#c)"
d="M464 136H288a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h176a8 8 0 0 0 8-8v-56a8 8 0 0 0-8-8zm-8 56H296v-40h160z"
/>
<path fill="url(#d)" d="M288 240h112a8 8 0 0 0 0-16H288a8 8 0 0 0 0 16z" />
<path fill="url(#e)" d="M288 336h160a8 8 0 0 0 0-16H288a8 8 0 0 0 0 16z" />
<path fill="url(#f)" d="M288 360h56a8 8 0 0 0 0-16h-56a8 8 0 0 0 0 16z" />
<path fill="url(#g)" d="M368 344a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
<path
fill="url(#h)"
d="M456 384H48a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h408a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8zm-8 24H56v-8h392z"
/>
</svg>
More icons in the same style and category