Add icons to this collection by clicking the heart icon.
Id Card icon - also known as business, pass, identity, identification, id card, ui, Admission, about person, and intern. Created in a clean color 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="512pt"
height="512pt"
viewBox="0 -58 512 512"
>
<linearGradient
id="f"
x1="237.368"
x2="435.388"
y1="210.547"
y2="454.951"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#445ea0" />
<stop offset=".322" stop-color="#415a9b" />
<stop offset=".693" stop-color="#364d8d" />
<stop offset="1" stop-color="#2a3d7c" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#2a3d7c" stop-opacity="0" />
<stop offset=".395" stop-color="#273a77" stop-opacity=".396" />
<stop offset=".85" stop-color="#1e3069" stop-opacity=".851" />
<stop offset="1" stop-color="#1a2b63" />
</linearGradient>
<linearGradient
id="g"
x1="330.229"
x2="310.01"
y1="73.334"
y2="11.486"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffd00d" />
<stop offset=".238" stop-color="#ffcb0e" />
<stop offset=".535" stop-color="#fb1" />
<stop offset=".863" stop-color="#ffa215" />
<stop offset="1" stop-color="#ff9517" />
</linearGradient>
<linearGradient
id="h"
x1="256"
x2="256"
y1="19.457"
y2="62.538"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="256"
x2="256"
y1="342.521"
y2="392.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="237.047"
x2="485.24"
y1="149.498"
y2="149.498"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="237.047"
x2="485.24"
y1="205.528"
y2="205.528"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="237.047"
x2="381.76"
y1="261.559"
y2="261.559"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="237.047"
x2="381.76"
y1="317.59"
y2="317.59"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="33.675"
x2="201.368"
y1="233.544"
y2="233.544"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e7b2" />
<stop offset=".246" stop-color="#05e5b1" />
<stop offset=".53" stop-color="#13ddac" />
<stop offset=".832" stop-color="#2ad1a5" />
<stop offset="1" stop-color="#3ac9a0" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#3ac9a0" stop-opacity="0" />
<stop offset=".035" stop-color="#38c69d" stop-opacity=".035" />
<stop offset=".417" stop-color="#23aa82" stop-opacity=".416" />
<stop offset=".751" stop-color="#169971" stop-opacity=".753" />
<stop offset="1" stop-color="#11936b" />
</linearGradient>
<linearGradient
id="o"
x1="182.34"
x2="91.15"
y1="251.839"
y2="198.89"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="164.453"
x2="81.937"
y1="338.076"
y2="250.883"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fffcf8" />
<stop offset=".188" stop-color="#faf8f6" />
<stop offset=".404" stop-color="#eceef2" />
<stop offset=".635" stop-color="#d5dcea" />
<stop offset=".875" stop-color="#b5c4df" />
<stop offset="1" stop-color="#a1b5d8" />
</linearGradient>
<linearGradient
id="q"
x1="120.045"
x2="120.045"
y1="171.248"
y2="251.826"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="120.045"
x2="120.045"
y1="268.17"
y2="337.045"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="156.804"
x2="104.313"
y1="296.752"
y2="278.126"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a1b5d8" stop-opacity="0" />
<stop offset=".256" stop-color="#98abca" stop-opacity=".255" />
<stop offset=".736" stop-color="#8292a6" stop-opacity=".737" />
<stop offset="1" stop-color="#748290" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#ff4974" />
<stop offset=".326" stop-color="#fe4672" />
<stop offset=".532" stop-color="#fb3e6c" />
<stop offset=".705" stop-color="#f52f60" />
<stop offset=".859" stop-color="#ee1a51" />
<stop offset="1" stop-color="#e4003d" />
</linearGradient>
<linearGradient
id="t"
x1="108.928"
x2="131.163"
y1="290.305"
y2="290.305"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="u"
x1="132.94"
x2="113.653"
y1="275.472"
y2="256.186"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4003d" stop-opacity="0" />
<stop offset=".223" stop-color="#cd1845" stop-opacity=".224" />
<stop offset=".503" stop-color="#b82e4d" stop-opacity=".502" />
<stop offset=".768" stop-color="#ab3c51" stop-opacity=".769" />
<stop offset="1" stop-color="#a64153" />
</linearGradient>
<linearGradient
id="v"
x1="107.228"
x2="132.859"
y1="254.923"
y2="254.923"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M503.648 70.316H388.723c-4.856 0-9.102-3.25-10.371-7.921l-7.782-28.512c-2.863-10.524-12.425-17.828-23.347-17.828H164.777c-10.922 0-20.484 7.304-23.347 17.828l-7.782 28.512a10.744 10.744 0 0 1-10.37 7.921H8.351C3.734 70.316 0 74.051 0 78.652v309.782c0 4.605 3.734 8.34 8.352 8.34h495.296c4.618 0 8.352-3.735 8.352-8.34V78.652c0-4.601-3.734-8.336-8.352-8.336zm-185.3-4.402a12.457 12.457 0 0 1-8.825 3.664H202.477c-6.899 0-12.489-5.59-12.489-12.488 0-3.453 1.407-6.567 3.664-8.828a12.45 12.45 0 0 1 8.825-3.664H309.52c6.898 0 12.488 5.59 12.488 12.492.004 3.45-1.403 6.562-3.66 8.824zm0 0"
/>
<path
fill="url(#g)"
d="M311.473 16.055H285.14v28.547h24.379c6.898 0 12.492 5.59 12.492 12.488 0 3.45-1.407 6.566-3.664 8.824a12.441 12.441 0 0 1-8.825 3.664h-24.382v22.727h102.582zm0 0"
/>
<path
fill="url(#h)"
d="M306.246 53.52H205.754a4.62 4.62 0 0 1-4.617-4.622V4.618A4.616 4.616 0 0 1 205.754 0h100.492a4.62 4.62 0 0 1 4.621 4.617v44.281a4.625 4.625 0 0 1-4.62 4.622zm0 0"
/>
<path
fill="url(#i)"
d="M0 306.84v81.594c0 4.605 3.734 8.34 8.352 8.34h495.296c4.618 0 8.352-3.735 8.352-8.34V306.84zm0 0"
/>
<path fill="url(#j)" d="M237.047 140.578h248.191v17.84H237.047zm0 0" />
<path fill="url(#k)" d="M237.047 196.61h248.191v17.84H237.047zm0 0" />
<path fill="url(#l)" d="M237.047 252.64h144.715v17.84H237.047zm0 0" />
<path fill="url(#m)" d="M237.047 308.668h144.715v17.84H237.047zm0 0" />
<path
fill="url(#n)"
d="M191.602 354.852H43.442a9.764 9.764 0 0 1-9.766-9.766V122c0-5.39 4.37-9.766 9.765-9.766h148.157c5.394 0 9.77 4.375 9.77 9.766v223.086a9.764 9.764 0 0 1-9.766 9.766zm0 0"
/>
<path
fill="url(#o)"
d="m154.215 161.207 47.156 47.156V339.61l-91.984-91.996-20.79-20.789c-9.218-8.492-14.988-20.66-14.988-34.172 0-25.64 20.793-46.441 46.434-46.441 13.512-.004 25.68 5.777 34.172 14.996zm0 0"
/>
<path
fill="url(#p)"
d="m167.215 266.309 34.156 34.183v44.59c0 5.398-4.375 9.766-9.777 9.766h-80.696l-55.96-55.903c5.863-26.46 27.453-46.988 54.449-51.332a68.688 68.688 0 0 1 10.656-.843c18.426 0 35.098 7.48 47.172 19.539zm0 0"
/>
<path
fill="url(#q)"
d="M166.488 192.656c0 25.649-20.793 46.442-46.441 46.442-25.652 0-46.445-20.793-46.445-46.442s20.793-46.441 46.445-46.441c25.648 0 46.441 20.793 46.441 46.441zm0 0"
/>
<path
fill="url(#r)"
d="M185.156 298.95c-16.582 16.808-39.633 27.214-65.11 27.214-25.48 0-48.53-10.406-65.112-27.215 6.625-29.86 33.254-52.176 65.113-52.176 18.422 0 35.094 7.473 47.16 19.54 8.809 8.792 15.164 20.05 17.95 32.636zm0 0"
/>
<path
fill="url(#s)"
d="M185.156 298.95c-.258.269-.531.53-.8.788-15.68 15.52-36.958 25.387-60.528 26.336l-11.777-11.797-.18-.148a8.123 8.123 0 0 1-2.91-7.031l4.098-42.602a3.46 3.46 0 0 1 .867-1.945c-.043-.055-.078-.11-.125-.18-.664-.43-1.23-1.039-1.567-1.793l-4.718-10.453a3.09 3.09 0 0 1-.172-2.145c.601-.113 1.199-.226 1.808-.316a24.18 24.18 0 0 1 1.297-.203 39.1 39.1 0 0 1 1.04-.149c.394-.042.788-.101 1.195-.132.484-.059.972-.102 1.457-.149.472-.043.96-.078 1.445-.113.496-.031.992-.055 1.488-.078a68.153 68.153 0 0 1 2.969-.067c1.816 0 3.625.067 5.406.215.477.043.95.078 1.414.137.961.09 1.918.215 2.867.348.461.066.938.148 1.399.226.543.078 1.082.18 1.613.293 13.332 2.563 25.242 9.098 34.465 18.32 8.809 8.793 15.164 20.047 17.95 32.637zm0 0"
/>
<path
fill="url(#t)"
d="m128.219 314.137-4.645 3.84a5.534 5.534 0 0 1-7.058 0l-4.645-3.84a8.13 8.13 0 0 1-2.906-7.035l4.097-42.606a3.465 3.465 0 0 1 3.45-3.133h7.066a3.462 3.462 0 0 1 3.45 3.133l4.097 42.606a8.12 8.12 0 0 1-2.906 7.035zm0 0"
/>
<path
fill="url(#u)"
d="M127.027 264.5a3.465 3.465 0 0 0-3.449-3.137h-7.066c-1.051 0-1.996.48-2.633 1.23l14.348 14.348zm0 0"
/>
<path
fill="url(#v)"
d="m132.574 250.125-4.715 10.453a4.253 4.253 0 0 1-3.886 2.496h-7.856a4.247 4.247 0 0 1-3.883-2.496l-4.718-10.453a3.088 3.088 0 0 1-.168-2.145 67.271 67.271 0 0 1 12.699-1.207c4.344 0 8.59.418 12.7 1.22a3.124 3.124 0 0 1-.173 2.132zm0 0"
/>
</svg>
More icons in the same style and category