Add icons to this collection by clicking the heart icon.
Id Card icon - also known as business, user, pass, identity, identification, and id card. 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 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff4747" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="c"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="d"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffa9d4" />
<stop offset=".295" stop-color="#ffc6e3" />
<stop offset=".76" stop-color="#ffeff7" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="-14.939"
x2="435.933"
y1="603.28"
y2="152.408"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="-13.176"
x2="450.038"
y1="503.809"
y2="40.595"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-42.573"
x2="354.778"
y1="691.294"
y2="293.943"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="-42.361"
x2="393.025"
y1="653.197"
y2="217.811"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="89.197"
x2="528.804"
y1="476.354"
y2="36.748"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="96.881"
x2="618.279"
y1="377.621"
y2="-143.777"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="90.537"
x2="396.095"
y1="467.663"
y2="162.105"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="83.854"
x2="408.032"
y1="398.035"
y2="73.858"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="166.761"
x2="306.348"
y1="192.33"
y2="52.744"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="188.357"
x2="324.407"
y1="126.883"
y2="-9.166"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="190.68"
x2="325.386"
y1="154.762"
y2="20.055"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="195.741"
x2="291.877"
y1="302.522"
y2="206.386"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="213.907"
x2="313.123"
y1="345.692"
y2="246.476"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="196.66"
x2="290.945"
y1="269.652"
y2="175.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="220.155"
x2="285.505"
y1="246.283"
y2="180.933"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M346.889 81.777a1869.974 1869.974 0 0 0-53.019-1.83c-1.661 122.656-4.481 245.434-7.87 368.299 20-.422 40-1.266 60-2.531 16.544-1.078 30.384-15.69 30.823-32.215 2.524-100 2.853-200 .988-300-.325-16.526-14.209-30.875-30.922-31.723z"
/>
<path
fill="url(#f)"
d="M316.412 416.735a14186.014 14186.014 0 0 0 .422-313.266c-.131-12.647-10.424-23.26-22.963-23.522-42.92-.872-85.84-.261-128.759 1.83-16.713.846-30.597 15.197-30.922 31.723-1.866 100-1.536 200 .988 300 .438 16.523 14.279 31.136 30.823 32.215 40 2.531 80 3.375 120 2.531 16.544-.361 30.18-14.657 30.411-31.511z"
/>
<path
fill="url(#g)"
d="M347.877 324.402c-30.49-14.391-61.152-29.59-91.877-44.965 20.483 46.125 40.842 92.172 60.411 137.297 10.068-.359 20.137-.809 30.206-1.348.568-30.327.988-60.655 1.26-90.984z"
/>
<path
fill="url(#h)"
d="M317.449 279.203c-51.248 15.672-102.419 31.324-153.325 45.199.272 30.328.691 60.656 1.259 90.984a1693.665 1693.665 0 0 0 151.029 1.348c.567-45.843.913-91.687 1.037-137.531z"
/>
<path
fill="url(#i)"
d="M347.728 142.434a3058.068 3058.068 0 0 0-30.576-.762c-20.17 30.156-40.653 60.891-61.152 91.641 20.5 30.75 41.015 61.516 61.251 91.734a3636.78 3636.78 0 0 0 30.625-.645c.544-60.656.494-121.312-.148-181.968z"
/>
<path
fill="url(#j)"
d="M164.272 142.434a9314.638 9314.638 0 0 0-.148 181.969 3639.255 3639.255 0 0 0 153.128.645c.362-61.125.329-122.25-.099-183.375a3066.648 3066.648 0 0 0-152.881.761z"
/>
<path
fill="url(#k)"
d="M332.564 157.243c-5.104-.107-10.209-.204-15.313-.29-20.266 25.125-40.752 50.734-61.251 76.359 20.499 25.625 41.012 51.266 61.333 76.453 5.111-.07 10.222-.149 15.333-.237.309-50.761.275-101.523-.102-152.285z"
/>
<path
fill="url(#l)"
d="M179.436 157.243c-.377 50.762-.411 101.523-.103 152.285 46 .791 92 .87 138 .237.247-50.938.219-101.875-.082-152.813a3643.042 3643.042 0 0 0-137.815.291z"
/>
<path
fill="url(#m)"
d="M210.375 103.1c.032-4.229 3.458-7.739 7.652-7.814 25.316-.464 50.631-.464 75.947 0 4.194.078 7.62 3.585 7.652 7.814.032 4.23-3.354 7.592-7.559 7.524-2.538-.041-5.075-.079-7.613-.112a4338.36 4338.36 0 0 0-30.453-15.574 4382.759 4382.759 0 0 0-30.453 15.574c-2.538.033-5.075.071-7.613.112-4.206.068-7.592-3.293-7.56-7.524z"
/>
<path
fill="url(#n)"
d="M233.55 33.615c-4.168.066-7.573 3.601-7.605 7.866-.16 23.011-.293 46.02-.398 69.031 10.151-.133 20.302-.199 30.453-.199 2.555-25.625 5.08-51.246 7.55-76.855-10-.053-20-.001-30 .157z"
/>
<path
fill="url(#o)"
d="M278.45 33.615c-4.967-.079-9.933-.131-14.9-.157-4.168-.021-7.548 3.444-7.55 7.719v69.136c10.151 0 20.302.066 30.453.199-.105-23.01-.237-46.02-.398-69.031-.031-4.266-3.436-7.8-7.605-7.866z"
/>
<path
fill="url(#p)"
d="M225.259 264.027c10.247.023 20.494.035 30.741.035a23956.07 23956.07 0 0 1-30.7 30.668 5819.273 5819.273 0 0 1-30.7-.246c-.068-16.859 13.68-30.48 30.659-30.457z"
/>
<path
fill="url(#q)"
d="M256 264.063c10.247 0 20.494-.011 30.741-.035 16.979-.023 30.727 13.598 30.658 30.457-30.699.328-61.399.41-92.099.246-.036-16.946 13.72-30.663 30.7-30.668z"
/>
<path
fill="url(#r)"
d="M294.417 210.323c.03 21.157-17.191 38.352-38.417 38.364-21.226-.013-38.447-17.206-38.417-38.364.038-21.155 17.258-38.501 38.417-38.511 21.158.01 38.379 17.357 38.417 38.511z"
/>
<path
fill="url(#s)"
d="M263.687 233.313c-21.229-.014-38.438-17.188-38.4-38.368a38.432 38.432 0 0 1 1.101-9.063c-5.485 6.665-8.792 15.178-8.805 24.441-.03 21.159 17.192 38.353 38.417 38.364 18.099-.003 33.279-12.527 37.341-29.318-7.04 8.507-17.712 13.946-29.654 13.944z"
/>
</svg>
More icons in the same style and category