Add icons to this collection by clicking the heart icon.
Identification icon - also known as pass, identity, identification, id card, identification card, and business and finance. Created in a clean flat 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 356 356"
>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(287.778 0 0 204.765 34.444 180.556)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e8f5e4" />
<stop offset="1" stop-color="#d8d6fa" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#7fe1ef" />
<stop offset="1" stop-color="#0bb2f5" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(100.93 0 0 44.444 66.667 227.778)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-.421 60.018 -60.018 -.421 114.8 130.723)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9bf93" />
<stop offset="1" stop-color="#f78068" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(133.333 0 0 33.333 111.111 77.778)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#75858c" />
<stop offset="1" stop-color="#405a65" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(58.17 0 0 11.111 194.444 155.556)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(109.877 0 0 11.111 189.506 188.889)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(109.877 0 0 11.111 189.506 222.222)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#c)"
d="M322.222 100a22.218 22.218 0 0 0-6.509-15.713A22.218 22.218 0 0 0 300 77.778H55.556A22.222 22.222 0 0 0 33.333 100v161.111a22.225 22.225 0 0 0 22.223 22.222H300a22.221 22.221 0 0 0 22.222-22.222V100z"
/>
<path
fill="url(#d)"
d="M155.79 211.111c-4.097-3.38-16.667-5.555-16.667-5.555s-8.033 11.111-22.166 11.111-22.278-11.111-22.278-11.111-12.615 2.144-16.667 5.555c-2.405 2.024-5.829 6.525-8.922 10.951a11.035 11.035 0 0 0 4.174 17.005C84.308 243.84 101.573 250 117.962 250c16.134 0 32.594-5.97 43.21-10.764a10.96 10.96 0 0 0 3.912-16.962c-3.198-4.527-6.811-9.114-9.294-11.163z"
/>
<path
fill="url(#e)"
d="M89.218 161.111s-2.167-33.333 28.072-33.333 27.366 33.333 27.366 33.333c0 16.864-16.278 33.333-27.366 33.333-11.087 0-28.072-16.469-28.072-33.333z"
/>
<path
fill="url(#f)"
d="M244.444 72.222a11.11 11.11 0 0 0-11.111-11.111H122.222a11.11 11.11 0 0 0-11.111 11.111v11.111a11.111 11.111 0 0 0 11.111 11.111h111.111a11.11 11.11 0 0 0 11.111-11.111V72.222z"
/>
<path
fill="url(#g)"
d="M200 161.111h47.059a5.557 5.557 0 0 0 5.555-5.555 5.558 5.558 0 0 0-5.555-5.556H200a5.559 5.559 0 0 0-5.556 5.556 5.558 5.558 0 0 0 5.556 5.555z"
/>
<path
fill="url(#h)"
d="M200 194.444h88.889c3.066 0 5.555-2.489 5.555-5.555s-2.489-5.556-5.555-5.556H200c-3.066 0-5.556 2.49-5.556 5.556s2.49 5.555 5.556 5.555z"
/>
<path
fill="url(#i)"
d="M200 227.778h88.889c3.066 0 5.555-2.49 5.555-5.556s-2.489-5.555-5.555-5.555H200c-3.066 0-5.556 2.489-5.556 5.555s2.49 5.556 5.556 5.556z"
/>
</g>
</svg>
More icons in the same style and category