Add icons to this collection by clicking the heart icon.
Id Card icon - also known as business, user, office, pass, worker, identity, identification, office material, id card, profession, and files and folders. Created in a clean lineal color style with a white, silver, black, yellow, teal, and orange 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>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-4.632-3.914-2.076 2.396L-36.739 24.2l77.951 70.123h39.934v-23.96z"
transform="matrix(1.33333 0 0 -1.33333 392.004 136.901)"
fill="#aac4da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30.03-25.718 2.076-2.396-34.023-29.551L-40.573-24.2l-81.145 70.363v23.96h39.933z"
transform="matrix(1.33333 0 0 -1.33333 343.019 104.634)"
fill="#aac4da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h111.814v-399.338h-303.497V0h111.815l1.278 1.518 38.656-33.465L-5.911-2.396l4.633 3.914z"
transform="matrix(1.33333 0 0 -1.33333 393.708 138.925)"
fill="#31e8bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M159.506 8.469h-55.907v399.338h55.907z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#1cb28b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h159.735v399.338H47.921"
transform="translate(247.36 8.469)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-111.815v-399.338H7.987"
transform="translate(215.414 407.807)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-23.96 20.544h-39.934v-23.96l81.146-70.363 38.656-33.465 34.023 29.551 4.632 3.914 81.146 70.363v23.96h-39.934l-77.95-70.123-1.917-1.758"
transform="translate(199.44 483.103)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0-30.03 25.718-41.851 35.884"
transform="matrix(1.33333 0 0 -1.33333 383.06 138.925)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-15.974h-111.814V0c0 30.908 24.998 55.907 55.907 55.907C-24.999 55.907 0 30.908 0 0"
transform="translate(311.254 168.204)"
fill="#ffe451"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c17.651 0 31.947-14.296 31.947-31.946 0-17.652-14.296-31.948-31.947-31.948s-31.947 14.296-31.947 31.948C-31.947-14.296-17.651 0 0 0"
transform="translate(255.347 288.005)"
fill="#ffe451"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h223.629v-191.682h-55.907v15.974c0 30.908-24.999 55.907-55.908 55.907 17.651 0 31.948 14.296 31.948 31.947s-14.297 31.947-31.948 31.947c-17.65 0-31.946-14.296-31.946-31.947s14.296-31.947 31.946-31.947c-30.908 0-55.907-24.999-55.907-55.907v-15.974H0Z"
transform="translate(143.533 343.912)"
fill="#fd6149"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-119.801h-55.907"
transform="translate(367.162 272.031)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-55.907v191.682h223.629v-47.92"
transform="translate(199.44 152.23)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.651-14.296-31.947-31.947-31.947S-63.894-17.651-63.894 0c0 17.65 14.296 31.946 31.947 31.946S0 17.65 0 0Z"
transform="translate(287.294 256.059)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15.974c0 30.908-24.999 55.907-55.907 55.907-30.909 0-55.907-24.999-55.907-55.907V0Z"
transform="translate(311.254 152.23)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-31.947v-23.961"
transform="translate(207.427 311.966)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.973"
transform="translate(175.48 272.031)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.974"
transform="translate(175.48 240.085)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.974"
transform="translate(335.215 319.952)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.974"
transform="translate(303.268 319.952)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h223.629"
transform="translate(143.533 112.297)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h223.629"
transform="translate(143.533 80.35)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.973"
transform="translate(351.188 48.402)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.974"
transform="translate(319.241 48.402)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h71.881"
transform="translate(143.533 48.402)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category