Id Card Icon

Free SVG icon from the IcoFont collection. Download or copy for use in any project.

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Tags: id card

The Id Card icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/305885.svg" alt="Id Card icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/305885.svg" alt="Id Card icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/305885.svg"
  alt="Id Card icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-id-card {
  background-image: url('https://proicons.com/icon/305885.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M476 638h-22c-11 0-20-9-20-20 0-4 2-8 5-10 12-13 23-29 30-46 2 1 3 2 5 2 12 0 26-27 26-45s-2-32-13-32c-2 0-3 0-5 1-1-49-13-110-88-110-78 0-87 61-88 109h-3c-12 0-13 14-13 32s14 45 26 45c1 0 2 0 4-1 7 17 18 33 30 45 3 3 4 7 4 11 0 11-9 20-20 20h-21c-46 0-82 36-82 82v23c0 14 11 26 26 26h275c14 0 26-12 26-26v-23c0-46-37-83-82-83zm274-226H519c7 15 12 33 14 56 5 3 8 8 11 13h206c11 0 19-8 19-19v-30c0-11-8-20-19-20zm0 126H549c-5 21-19 43-37 48l-2 3v19h240c11 0 19-9 19-20v-30c0-11-8-20-19-20zm0 126H593c11 17 17 36 17 57v13h140c11 0 19-9 19-20v-30c0-11-8-20-19-20zm69-462H624c-2 0-3-2-3-4V94c0-1-2-3-4-3H398c-2 0-3 2-3 3v104c0 2-2 4-4 4H181c-65 0-118 53-118 118v471c0 65 53 118 118 118h638c66 0 119-53 119-118V320c0-65-53-118-119-118zm-369-52c0-1 2-3 3-3h109c1 0 3 2 3 3v108c0 2-2 3-3 3H454c-2 0-4-1-4-3V150zm432 641c0 34-28 62-63 62H181c-34 0-62-28-62-62V320c0-34 28-62 62-62h210c2 0 3 1 3 3v53c0 2 2 3 4 3h220c1 0 3-1 3-3v-53c0-2 1-3 3-3h195c35 0 63 28 63 62v471z"/></svg>