Add icons to this collection by clicking the heart icon.
Id Card icon - also known as business, pass, identity, identification, id card, and business and finance. 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="461pt"
height="461pt"
viewBox="0 -47 461.838 461"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<linearGradient
id="b"
x1="291.702"
x2="291.702"
y1="476"
y2="24.562"
gradientTransform="matrix(1 0 0 -1 -25.081 441.991)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="321.702"
x2="321.702"
y1="476"
y2="24.562"
gradientTransform="matrix(1 0 0 -1 -25.081 441.991)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="256"
x2="256"
y1="476"
y2="24.562"
gradientTransform="matrix(1 0 0 -1 -25.081 441.991)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="142.728"
x2="142.728"
y1="476"
y2="24.562"
gradientTransform="matrix(1 0 0 -1 -25.081 441.991)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="141.452"
x2="141.452"
y1="476"
y2="24.562"
gradientTransform="matrix(1 0 0 -1 -25.081 441.991)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M233.2 108.578h66.843a7.001 7.001 0 0 0 0-14h-66.844c-3.863 0-7 3.137-7 7 0 3.867 3.137 7 7 7zm0 0"
/>
<path
fill="url(#c)"
d="M360.04 155.852H233.2a7.001 7.001 0 0 0 0 14h126.843a7.001 7.001 0 0 0 0-14zM360.04 217.121H233.2a7.001 7.001 0 0 0 0 14h126.843a7.001 7.001 0 0 0 0-14zm0 0"
/>
<path
fill="url(#d)"
d="M424.84 56.117h-19.262V37.418c-.02-20.426-16.574-36.977-37-37H37C16.574.441.023 16.992 0 37.418v236.887c.023 20.425 16.574 36.976 37 37h18.7v19.257c.023 20.426 16.573 36.977 37 37h332.14c20.422-.023 36.976-16.574 37-37V93.118c-.024-20.422-16.578-36.976-37-37zM14 274.305V37.418c.016-12.695 10.305-22.984 23-23h331.582c12.695.016 22.984 10.305 23 23v236.887c-.016 12.699-10.305 22.988-23 23H37c-12.695-.012-22.984-10.301-23-23zm433.84 56.257c-.016 12.7-10.305 22.989-23 23H92.7c-12.696-.011-22.985-10.3-23-23v-19.257h298.878c20.426-.024 36.98-16.575 37-37V70.117h19.262c12.695.016 22.984 10.305 23 23zm0 0"
/>
<path
fill="url(#e)"
d="M160.379 173.691h-9.219a7.004 7.004 0 0 0-6.347 4.051L138 192.418a21.968 21.968 0 0 1-20.379 12.719 21.977 21.977 0 0 1-19.844-13.543c-.02-.047-.039-.098-.062-.14l-6-13.59a6.994 6.994 0 0 0-6.399-4.173h-10.39a44.923 44.923 0 0 0-33.203 14.66 44.934 44.934 0 0 0-11.528 34.419v51.84c0 3.867 3.137 7 7 7l160.903-.02c3.867 0 7-3.133 7-7v-51.824a44.916 44.916 0 0 0-44.719-49.078zm30.754 48.032a7.14 7.14 0 0 0-.035.707v45.16l-146.903.02v-45.184a7.14 7.14 0 0 0-.035-.707 30.918 30.918 0 0 1 30.766-34.028h5.828l4.125 9.348a35.968 35.968 0 0 0 32.496 22.094 35.966 35.966 0 0 0 33.324-20.82l4.93-10.622h4.746a30.911 30.911 0 0 1 30.758 34.032zm0 0"
/>
<path
fill="url(#f)"
d="M116.371 171.703c24.012-.027 43.469-19.484 43.492-43.492v-27.602a43.47 43.47 0 0 0-20.097-36.64c4.902-10.63 1.914-23.23-7.239-30.524-9.152-7.297-22.105-7.402-31.37-.254-9.27 7.149-12.458 19.704-7.727 30.407A43.286 43.286 0 0 0 73.098 96.27c-.043.418-.157 1.539-.215 31.93v.01c.027 24.009 19.48 43.462 43.488 43.493zm-29.336-74.2c.18-1.698.504-3.374.969-5.015a76.734 76.734 0 0 0 13.543 10.926 59.957 59.957 0 0 1-14.629 11.176c.027-8.137.07-15.73.117-17.086zm29.336 60.2c-15.617-.02-28.52-12.195-29.441-27.789 6.36-2.445 16.968-7.957 27.453-19.758a107.137 107.137 0 0 0 31.484 7.817v10.238c-.02 16.281-13.215 29.473-29.496 29.492zm29.492-53.797c-29.789-3.363-44.77-17.187-50.5-24.062a29.531 29.531 0 0 1 50.5 20.762zm-40.61-50.605a11.425 11.425 0 0 1 7.298-10.664 11.42 11.42 0 0 1 14.336 15.762 43.595 43.595 0 0 0-10.516-1.294c-3.36 0-6.707.383-9.976 1.145a11.374 11.374 0 0 1-1.141-4.95zm0 0"
/>
</svg>
More icons in the same style and category