Add icons to this collection by clicking the heart icon.
Card icon - also known as card, identity, identification, ID, files and folders, and city pass. Created in a clean lineal style with a white and black 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0h-19.612a3 3 0 0 0-3 3v19.612a3 3 0 0 0 3 3H0a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3"
transform="matrix(1.33333 0 0 -1.33333 245.6 370.368)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.612a3 3 0 0 0-3 3v19.612a3 3 0 0 0 3 3H0a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3"
transform="matrix(1.33333 0 0 -1.33333 113.382 503.862)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.612a3 3 0 0 0-3 3v19.612a3 3 0 0 0 3 3H0a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3"
transform="matrix(1.33333 0 0 -1.33333 113.382 370.368)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c14.273 0 22.092-8.958 22.092-14.272 0-3.493-1.897-5.618-5.617-5.618-7.213 0-5.087 9.869-16.475 9.869-7.819 0-14.272-6.757-14.272-18.601 0-9.945 3.947-18.6 14.728-18.6 9.793 0 9.565 10.478 15.563 10.478 3.037 0 6.073-1.747 6.073-4.783 0-7.896-9.565-15.715-21.636-15.715-17.082 0-27.18 9.793-27.18 28.62C-26.724-13.21-17.613 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 94.895 197.105)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 3.72 2.429 6.225 6.225 6.225S12.45 3.72 12.45 0v-44.185c0-3.719-2.429-6.226-6.225-6.226S0-47.904 0-44.185z"
transform="matrix(1.33333 0 0 -1.33333 139.73 205.81)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-11.768c-3.568 0-6.452 1.823-6.452 5.239s2.884 5.239 6.452 5.239h35.986c3.569 0 6.453-1.823 6.453-5.239S27.787 0 24.218 0H12.451v-38.946c0-3.72-2.43-6.226-6.225-6.226C2.429-45.172 0-42.666 0-38.946z"
transform="matrix(1.33333 0 0 -1.33333 194.59 212.796)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.26 25.358c-.607.986-1.063 2.125-1.063 3.264 0 4.251 3.872 5.693 6.302 5.693 2.96 0 4.327-1.213 5.618-3.643L6.453 10.705l10.78 19.967c1.443 2.732 2.809 3.643 5.391 3.643 2.277 0 6.149-1.442 6.149-5.693 0-1.139-.455-2.278-1.063-3.264L12.451 0v-16.094c0-3.72-2.43-6.226-6.226-6.226S0-19.814 0-16.094z"
transform="matrix(1.33333 0 0 -1.33333 264.43 243.264)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h11.616c5.01 0 8.73 3.037 8.73 7.744 0 5.466-3.871 7.743-10.021 7.743H0Zm-12.451 17.765c0 5.543 2.885 7.289 7.289 7.289h19.055c10.477 0 18.904-5.163 18.904-17.31 0-9.946-6.909-17.309-18.98-17.309H0V-24.37c0-3.719-2.429-6.226-6.226-6.226-3.795 0-6.225 2.507-6.225 6.226z"
transform="matrix(1.33333 0 0 -1.33333 364.36 232.23)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.152l-7.364-21.941H7.06Zm-7.516 9.718c1.063 2.808 3.037 3.795 6.074 3.795h2.96c2.809 0 5.315-.683 6.681-4.555l15.032-41.831c.456-1.215 1.214-3.417 1.214-4.784 0-3.036-2.656-5.466-5.845-5.466-2.733 0-4.707.987-5.618 3.416l-3.189 9.111H-10.25l-3.264-9.111c-.835-2.429-2.581-3.416-5.542-3.416-3.416 0-5.77 2.126-5.77 5.466 0 1.367.76 3.569 1.215 4.784z"
transform="matrix(1.33333 0 0 -1.33333 444.828 215.527)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.388-2.582 14.272-9.338 14.272-15.715 0-9.869-7.439-17.233-22.471-17.233-15.791 0-22.852 7.895-22.852 13.816 0 3.038 2.202 5.163 5.239 5.163 6.756 0 5.01-9.869 17.613-9.869 6.453 0 10.021 3.567 10.021 7.212 0 2.202-1.063 4.631-5.314 5.693l-14.045 3.569c-11.312 2.885-13.362 9.11-13.362 14.956 0 12.147 11.236 16.702 21.789 16.702 9.717 0 21.181-5.466 21.181-12.754 0-3.112-2.657-4.935-5.694-4.935-5.77 0-4.707 8.124-16.322 8.124-5.77 0-8.958-2.658-8.958-6.454 0-3.795 4.554-5.01 8.502-5.921z"
transform="matrix(1.33333 0 0 -1.33333 529.243 229.497)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.389-2.582 14.273-9.338 14.273-15.715 0-9.869-7.44-17.233-22.472-17.233-15.791 0-22.851 7.895-22.851 13.816 0 3.038 2.201 5.163 5.238 5.163 6.757 0 5.011-9.869 17.613-9.869 6.453 0 10.022 3.567 10.022 7.212 0 2.202-1.063 4.631-5.315 5.693l-14.045 3.569c-11.312 2.885-13.361 9.11-13.361 14.956 0 12.147 11.235 16.702 21.788 16.702 9.718 0 21.182-5.466 21.182-12.754 0-3.112-2.658-4.935-5.694-4.935-5.77 0-4.707 8.124-16.323 8.124-5.77 0-8.958-2.658-8.958-6.454 0-3.795 4.555-5.01 8.503-5.921z"
transform="matrix(1.33333 0 0 -1.33333 603.636 229.497)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-13.875a1 1 0 0 0-1 1v14.875H1V1a1 1 0 0 0-1-1"
transform="matrix(1.33333 0 0 -1.33333 210.025 508.13)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.875a1 1 0 0 0-1 1v14.875H-1a1 1 0 0 0 1-1z"
transform="matrix(1.33333 0 0 -1.33333 211.358 423.279)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.875v14.875a1 1 0 0 0 1 1H-1a1 1 0 0 0 1-1z"
transform="matrix(1.33333 0 0 -1.33333 190.19 402.111)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.875v15.875H0a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1"
transform="matrix(1.33333 0 0 -1.33333 231.192 486.964)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.875v14.875a1 1 0 0 0 1 1H0Z"
transform="matrix(1.33333 0 0 -1.33333 211.358 465.705)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.875a1 1 0 0 0-1 1v13.875a1 1 0 0 0 1 1H0Z"
transform="matrix(1.33333 0 0 -1.33333 190.19 486.964)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.875a1 1 0 0 0-1 1v13.875a1 1 0 0 0 1 1H-1a1 1 0 0 0 1-1z"
transform="matrix(1.33333 0 0 -1.33333 147.856 402.111)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.751v15.875H0a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1"
transform="matrix(1.33333 0 0 -1.33333 252.36 444.538)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15.875h-14.875a1 1 0 0 1-1-1v-13.876a1 1 0 0 1 1-1h29.75a1 1 0 0 1 1 1V0Z"
transform="matrix(1.33333 0 0 -1.33333 147.856 402.111)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0v-8.709c0-12.224-9.909-22.133-22.132-22.133h-445.079c-12.224 0-22.133 9.909-22.133 22.133v262.37c0 12.223 9.909 22.132 22.133 22.132h367.539"
transform="translate(500.672 125.777)"
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 0h41.539c12.224 0 22.132-9.909 22.132-22.132v-219.842"
transform="translate(437 401.57)"
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-129.026c-9.066 0-16.416 7.35-16.416 16.417v129.025c0 9.067 7.35 16.416 16.416 16.416H0c9.066 0 16.417-7.349 16.417-16.416V16.417C16.417 7.35 9.066 0 0 0Z"
transform="translate(189.89 116.923)"
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-19.612a3 3 0 0 0-3 3v19.612a3 3 0 0 0 3 3H0a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3"
transform="translate(184.2 234.224)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.612a3 3 0 0 0-3 3v19.612a3 3 0 0 0 3 3H0a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3"
transform="translate(85.037 134.103)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.612a3 3 0 0 0-3 3v19.612a3 3 0 0 0 3 3H0a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3"
transform="translate(85.037 234.224)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c14.273 0 22.092-8.958 22.092-14.272 0-3.493-1.897-5.618-5.617-5.618-7.213 0-5.087 9.869-16.475 9.869-7.819 0-14.272-6.757-14.272-18.601 0-9.945 3.947-18.6 14.728-18.6 9.793 0 9.565 10.478 15.563 10.478 3.037 0 6.073-1.747 6.073-4.783 0-7.896-9.565-15.715-21.636-15.715-17.082 0-27.18 9.793-27.18 28.62C-26.724-13.21-17.613 0 0 0"
transform="translate(71.171 364.17)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 3.72 2.429 6.225 6.225 6.225S12.45 3.72 12.45 0v-44.185c0-3.719-2.429-6.226-6.225-6.226S0-47.904 0-44.185z"
transform="translate(104.798 357.642)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-11.768c-3.568 0-6.452 1.823-6.452 5.239s2.884 5.239 6.452 5.239h35.986c3.569 0 6.453-1.823 6.453-5.239S27.787 0 24.218 0H12.451v-38.946c0-3.72-2.43-6.226-6.225-6.226C2.429-45.172 0-42.666 0-38.946z"
transform="translate(145.943 352.403)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.26 25.358c-.607.986-1.063 2.125-1.063 3.264 0 4.251 3.872 5.693 6.302 5.693 2.96 0 4.327-1.213 5.618-3.643L6.453 10.705l10.78 19.967c1.443 2.732 2.809 3.643 5.391 3.643 2.277 0 6.149-1.442 6.149-5.693 0-1.139-.455-2.278-1.063-3.264L12.451 0v-16.094c0-3.72-2.43-6.226-6.226-6.226S0-19.814 0-16.094z"
transform="translate(198.322 329.552)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h11.616c5.01 0 8.73 3.037 8.73 7.744 0 5.466-3.871 7.743-10.021 7.743H0Zm-12.451 17.765c0 5.543 2.885 7.289 7.289 7.289h19.055c10.477 0 18.904-5.163 18.904-17.31 0-9.946-6.909-17.309-18.98-17.309H0V-24.37c0-3.719-2.429-6.226-6.226-6.226-3.795 0-6.225 2.507-6.225 6.226z"
transform="translate(273.27 337.827)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.152l-7.364-21.941H7.06Zm-7.516 9.718c1.063 2.808 3.037 3.795 6.074 3.795h2.96c2.809 0 5.315-.683 6.681-4.555l15.032-41.831c.456-1.215 1.214-3.417 1.214-4.784 0-3.036-2.656-5.466-5.845-5.466-2.733 0-4.707.987-5.618 3.416l-3.189 9.111H-10.25l-3.264-9.111c-.835-2.429-2.581-3.416-5.542-3.416-3.416 0-5.77 2.126-5.77 5.466 0 1.367.76 3.569 1.215 4.784z"
transform="translate(333.621 350.354)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.388-2.582 14.272-9.338 14.272-15.715 0-9.869-7.439-17.233-22.471-17.233-15.791 0-22.852 7.895-22.852 13.816 0 3.038 2.202 5.163 5.239 5.163 6.756 0 5.01-9.869 17.613-9.869 6.453 0 10.021 3.567 10.021 7.212 0 2.202-1.063 4.631-5.314 5.693l-14.045 3.569c-11.312 2.885-13.362 9.11-13.362 14.956 0 12.147 11.236 16.702 21.789 16.702 9.717 0 21.181-5.466 21.181-12.754 0-3.112-2.657-4.935-5.694-4.935-5.77 0-4.707 8.124-16.322 8.124-5.77 0-8.958-2.658-8.958-6.454 0-3.795 4.554-5.01 8.502-5.921z"
transform="translate(396.932 339.877)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.389-2.582 14.273-9.338 14.273-15.715 0-9.869-7.44-17.233-22.472-17.233-15.791 0-22.851 7.895-22.851 13.816 0 3.038 2.201 5.163 5.238 5.163 6.757 0 5.011-9.869 17.613-9.869 6.453 0 10.022 3.567 10.022 7.212 0 2.202-1.063 4.631-5.315 5.693l-14.045 3.569c-11.312 2.885-13.361 9.11-13.361 14.956 0 12.147 11.235 16.702 21.788 16.702 9.718 0 21.182-5.466 21.182-12.754 0-3.112-2.658-4.935-5.694-4.935-5.77 0-4.707 8.124-16.323 8.124-5.77 0-8.958-2.658-8.958-6.454 0-3.795 4.555-5.01 8.503-5.921z"
transform="translate(452.727 339.877)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-13.875a1 1 0 0 0-1 1v14.875H1V1a1 1 0 0 0-1-1"
transform="translate(157.519 130.902)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.875a1 1 0 0 0-1 1v14.875H-1a1 1 0 0 0 1-1z"
transform="translate(158.519 194.541)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.875v14.875a1 1 0 0 0 1 1H-1a1 1 0 0 0 1-1z"
transform="translate(142.643 210.417)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.875v15.875H0a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1"
transform="translate(173.394 146.777)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.875v14.875a1 1 0 0 0 1 1H0Z"
transform="translate(158.519 162.721)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.875a1 1 0 0 0-1 1v13.875a1 1 0 0 0 1 1H0Z"
transform="translate(142.643 146.777)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.875a1 1 0 0 0-1 1v13.875a1 1 0 0 0 1 1H-1a1 1 0 0 0 1-1z"
transform="translate(110.892 210.417)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.751v15.875H0a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1"
transform="translate(189.27 178.597)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15.875h-14.875a1 1 0 0 1-1-1v-13.876a1 1 0 0 1 1-1h29.75a1 1 0 0 1 1 1V0Z"
transform="translate(110.892 210.417)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h198.357"
transform="translate(259.643 246.023)"
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 0h198.357"
transform="translate(259.643 209.472)"
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 0h101.119"
transform="translate(356.881 173.322)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category