Add icons to this collection by clicking the heart icon.
Id Card icon - also known as user, badge, pass, identity, identification, and id card. Created in a clean lineal color style with a white, silver, black, 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 0-248.515-42.238v-185.61c0-35.48 28.76-64.24 64.24-64.24h348.52c35.48 0 64.24 28.76 64.24 64.24v185.61z"
transform="translate(256.015 350.918)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.5-17.32v-185.61c0-35.48-28.76-64.24-64.24-64.24h40c35.48 0 64.24 28.76 64.24 64.24v185.61z"
transform="translate(486 326)"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 10.153 8.23 18.383 18.383 18.383h103.431c10.153 0 18.383-8.23 18.383-18.383v-103.431c0-10.152-8.23-18.383-18.383-18.383h-16.216l-35.5 20-35.5-20H18.383C8.23-121.814 0-113.583 0-103.431Z"
transform="translate(63 235.549)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c10.328 0 18.701-8.373 18.701-18.701v-33.397h-71v33.397C-52.299-8.373-43.927 0-33.598 0Z"
transform="translate(149.898 165.833)"
fill="#adc0ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.275 0-20.5 9.225-20.5 20.5v13.333c0 11.275 9.225 20.5 20.5 20.5s20.5-9.225 20.5-20.5V20.5C20.5 9.225 11.275 0 0 0"
transform="translate(133.099 165.833)"
fill="#ffddcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-348.52c-35.48 0-64.24-28.76-64.24-64.24v-40.25h477v40.25C64.24-28.76 35.48 0 0 0"
transform="translate(420.26 413.17)"
fill="#adc0ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40c35.48 0 64.24-28.76 64.24-64.24v-40.25h40v40.25C64.24-28.76 35.48 0 0 0"
transform="translate(440.26 413.17)"
fill="#99b2e9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v37c0 11.874 9.626 21.5 21.5 21.5S43 48.874 43 37V0c0-11.874-9.626-21.5-21.5-21.5S0-11.874 0 0"
transform="translate(234.5 394.667)"
fill="#99b2e9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h103.402"
transform="translate(131.099 413.167)"
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-206.928c-35.478 0-64.239 28.761-64.239 64.239v225.855c0 35.478 28.761 64.239 64.239 64.239h24.86"
transform="translate(278.667 58.833)"
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 0h162.761C198.239 0 227-28.761 227-64.239v-225.855c0-35.478-28.761-64.239-64.239-64.239H35.5"
transform="translate(277.5 413.167)"
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 0v18.882c0 10.153 8.23 18.383 18.383 18.383h103.431c10.153 0 18.383-8.23 18.383-18.383V-84.549c0-10.152-8.23-18.383-18.383-18.383H18.383C8.23-102.932 0-94.701 0-84.549v50.216"
transform="translate(63 216.667)"
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 0c10.328 0 18.701-8.373 18.701-18.701v-33.397h-71v33.397C-52.299-8.373-43.927 0-33.598 0Z"
transform="translate(149.898 165.833)"
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 0v0c-11.275 0-20.5 9.225-20.5 20.5v13.333c0 11.275 9.225 20.5 20.5 20.5v0c11.275 0 20.5-9.225 20.5-20.5V20.5C20.5 9.225 11.275 0 0 0Z"
transform="translate(133.099 165.833)"
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 0h164.043"
transform="translate(275.957 243.981)"
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 0h122.464"
transform="translate(275.957 203.883)"
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 0h164.043"
transform="translate(275.957 163.784)"
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 0h142.464"
transform="translate(275.957 123.686)"
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 0h497"
transform="translate(7.5 308.684)"
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 0v37c0 11.874 9.626 21.5 21.5 21.5v0C33.374 58.5 43 48.874 43 37V0c0-11.874-9.626-21.5-21.5-21.5v0C9.626-21.5 0-11.874 0 0Z"
transform="translate(234.5 394.667)"
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