Add icons to this collection by clicking the heart icon.
Id Card icon - also known as pass, identity, identification, id card, and music and multimedia. Created in a clean lineal color style with a white, gray, black, yellow, orange, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0a56.217 56.217 0 0 0 6.665-26.617v-274.602c0-14.677 11.94-26.617 26.616-26.617s26.617 11.94 26.617 26.617v274.602C59.898-11.94 47.957 0 33.281 0Zm-291.304-89.8c0 14.381 5.599 27.903 15.767 38.074 10.171 10.173 23.692 15.776 38.074 15.776 29.689 0 53.841-24.153 53.841-53.841v-52.412c0-9.193 7.479-16.672 16.671-16.673h.002c4.452 0 8.637 1.733 11.785 4.882a16.555 16.555 0 0 1 4.883 11.786v117.646c0 30.052 24.449 54.501 54.501 54.501H33.281c31.185 0 56.556-25.371 56.556-56.556v-274.602c0-31.185-25.371-56.556-56.556-56.556-31.184 0-56.556 25.371-56.556 56.556v274.602C-23.275-11.94-35.215 0-49.892 0H-95.78c-13.543 0-24.562-11.019-24.562-24.562v-117.646c0-12.45-4.848-24.154-13.653-32.958-8.802-8.801-20.505-13.649-32.954-13.649h-.004c-25.699.002-46.608 20.912-46.608 46.612v52.412c0 13.18-10.722 23.902-23.902 23.902-6.383 0-12.385-2.487-16.9-7.004a23.757 23.757 0 0 1-7.002-16.906v-16.556h-29.939z"
transform="translate(400.853 464.85)"
fill="#fddf30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-274.6c0-31.18-25.37-56.56-56.56-56.56-4.05 0-8.01.43-11.82 1.25 25.53 5.45 44.73 28.18 44.73 55.31V0c0 31.19-25.37 56.56-56.56 56.56h23.65C-25.37 56.56 0 31.19 0 0"
transform="translate(490.69 438.23)"
fill="#f9c600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c14.676 0 26.617-11.94 26.617-26.617h29.939c0 9.616-2.413 18.68-6.664 26.617z"
transform="translate(350.961 464.85)"
fill="#f9c600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v84.439c0 9.616-2.413 18.68-6.665 26.617h33.282c14.676 0 26.616-11.94 26.616-26.617v-274.602c0-14.677-11.94-26.617-26.616-26.617C11.94-216.78 0-204.84 0-190.163V-36.29m26.617 177.285h-129.062c-30.051 0-54.5-24.449-54.5-54.501V-31.152c0-4.452-1.734-8.638-4.883-11.786a16.559 16.559 0 0 0-11.786-4.881h-.001c-9.193 0-16.671 7.479-16.671 16.672v52.412c0 29.688-24.153 53.841-53.841 53.841-14.383 0-27.904-5.602-38.074-15.775-10.168-10.172-15.768-23.694-15.767-38.075V4.701h29.939v16.556c-.001 6.386 2.486 12.39 7.002 16.907a23.738 23.738 0 0 0 16.9 7.003c13.18 0 23.902-10.722 23.902-23.902v-52.412c0-25.7 20.909-46.61 46.608-46.612h.004c12.448 0 24.152 4.848 32.954 13.65 8.804 8.803 13.653 20.507 13.653 32.957V86.494c0 13.544 11.018 24.562 24.561 24.562h45.889c14.676 0 26.617-11.94 26.617-26.617v-274.602c0-31.185 25.371-56.556 56.556-56.556 31.184 0 56.555 25.371 56.555 56.556V84.439c0 31.186-25.371 56.556-56.555 56.556z"
transform="translate(407.518 353.794)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-49.892"
transform="translate(400.853 464.85)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.631-11.05-24.681-24.681-24.681-13.63 0-24.68 11.05-24.68 24.681s11.05 24.681 24.68 24.681C-11.05 24.681 0 13.631 0 0"
transform="translate(358.635 479.82)"
fill="#766e6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.632-11.047-24.68-24.68-24.68-3.942 0-7.654.919-10.957 2.565C-27.504-18.083-21.915-9.69-21.915 0c0 9.69-5.589 18.083-13.722 22.115A24.452 24.452 0 0 0-24.68 24.68C-11.047 24.68 0 13.632 0 0"
transform="translate(358.634 479.816)"
fill="#5b5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.631-11.05-24.681-24.681-24.681-13.63 0-24.68 11.05-24.68 24.681s11.05 24.681 24.68 24.681C-11.05 24.681 0 13.631 0 0Z"
transform="translate(358.635 479.82)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-186.771c-5.385 0-9.751 4.366-9.751 9.751v248.163H9.751V9.751C9.751 4.366 5.385 0 0 0"
transform="translate(217.832 7.5)"
fill="#f3eae6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-248.163c0-5.382-4.367-9.749-9.749-9.749h-30.657c5.382 0 9.749 4.367 9.749 9.749V0z"
transform="translate(227.581 265.412)"
fill="#e0d3ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-256.893c0-5.385 4.366-9.751 9.751-9.751h186.771c5.385 0 9.751 4.366 9.751 9.751V54.246c0 5.385-4.366 9.752-9.751 9.752H9.751C4.366 63.998 0 59.631 0 54.246V36.29"
transform="translate(21.31 274.144)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-73.242h206.272V0c0 5.385-4.365 9.751-9.751 9.751H9.751C4.366 9.751 0 5.385 0 0"
transform="translate(21.31 328.388)"
fill="#26a5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-73.236h-30.657V0a9.746 9.746 0 0 1-9.749 9.749h30.657A9.746 9.746 0 0 0 0 0"
transform="translate(227.581 328.387)"
fill="#0694fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h.104"
transform="translate(201.908 312.94)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-18.993h111.229"
transform="translate(21.31 274.144)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h58.755v73.239c0 5.386-4.365 9.752-9.751 9.752h-186.771c-5.385 0-9.751-4.366-9.751-9.752V55.283"
transform="translate(168.828 255.15)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-22.655c0-5.523 4.477-10 10-10h30.221c5.522 0 10 4.477 10 10V0z"
transform="translate(99.336 342.594)"
fill="#fddf30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-22.655c0-5.523 4.477-10 10-10h30.221c5.522 0 10 4.477 10 10V0z"
transform="translate(99.336 342.594)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-47.054c-5.336 0-9.662 4.326-9.662 9.662v13.687c0 5.336 4.326 9.662 9.662 9.662H0c5.336 0 9.662-4.326 9.662-9.662V9.662C9.662 4.326 5.336 0 0 0"
transform="translate(147.974 338.135)"
fill="#766e6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-13.68c0-5.34-4.33-9.66-9.67-9.66h-25.11c5.34 0 9.67 4.32 9.67 9.66V0c0 5.34-4.33 9.67-9.67 9.67h25.11C-4.33 9.67 0 5.34 0 0"
transform="translate(157.64 361.48)"
fill="#5b5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-47.054c-5.336 0-9.662 4.326-9.662 9.662v13.687c0 5.336 4.326 9.662 9.662 9.662H0c5.336 0 9.662-4.326 9.662-9.662V9.662C9.662 4.326 5.336 0 0 0Z"
transform="translate(147.974 338.135)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-23.509-19.058-42.567-42.567-42.567S-85.134-23.509-85.134 0s19.058 42.567 42.567 42.567S0 23.509 0 0"
transform="translate(167.014 183.188)"
fill="#fddf30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.51-19.05-42.57-42.56-42.57-4.37 0-8.58.66-12.55 1.88 17.381 5.36 30 21.55 30 40.69 0 19.14-12.619 35.32-30 40.68 3.97 1.22 8.18 1.88 12.55 1.88C-19.05 42.56 0 23.51 0 0"
transform="translate(167.01 183.19)"
fill="#f9c600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.509-19.058-42.567-42.567-42.567S-85.134-23.509-85.134 0s19.058 42.567 42.567 42.567S0 23.509 0 0Z"
transform="translate(167.014 183.188)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h115.892"
transform="translate(66.501 106.87)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h73.892"
transform="translate(87.501 79.604)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-8.229"
transform="translate(50.448 43.39)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-8.229"
transform="translate(73.157 43.39)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category