SVG
Viewer
Dark mode
Light mode
Hide sidebar
Id Card
Business And Office
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
1.4 KB
608 bytes
-58%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/6985/id-card --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 360" style="enable-background:new 0 0 360 360;" xml:space="preserve"> <g id="XMLID_1004_"> <path id="XMLID_1005_" style="fill:#DEDDE0;" d="M160,280v-30h20v-30h-20v-30h20v-50H0v190h180v-50H160z M130,300H30V170h100V300z" /> <polygon id="XMLID_1008_" style="fill:#CDCDD0;" points="180,190 330,190 330,220 180,220 180,250 245,250 245,280 180,280 180,330 360,330 360,140 180,140 "/> <polygon id="XMLID_1009_" style="fill:#FF9811;" points="260,90 260,110 180,110 180,140 360,140 360,90 "/> <polygon id="XMLID_1010_" style="fill:#FFDA44;" points="180,110 100,110 100,90 0,90 0,140 180,140 "/> <polygon id="XMLID_1011_" style="fill:#FFFFFF;" points="160,280 180,280 245,280 245,250 180,250 160,250 "/> <polygon id="XMLID_1012_" style="fill:#FFFFFF;" points="160,220 180,220 330,220 330,190 180,190 160,190 "/> <rect id="XMLID_1013_" x="30" y="170" style="fill:#ACABB1;" width="100" height="130"/> <path id="XMLID_1014_" style="fill:#565659;" d="M180,110h80V90V70h-40c0-22.092-17.908-40-40-40s-40,17.908-40,40h-40v20v20H180z" /> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
1.4 KB
608 bytes
-58%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/6985/id-card --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 360" style="enable-background:new 0 0 360 360;" xml:space="preserve"> <g id="XMLID_1004_"> <path id="XMLID_1005_" style="fill:#DEDDE0;" d="M160,280v-30h20v-30h-20v-30h20v-50H0v190h180v-50H160z M130,300H30V170h100V300z" /> <polygon id="XMLID_1008_" style="fill:#CDCDD0;" points="180,190 330,190 330,220 180,220 180,250 245,250 245,280 180,280 180,330 360,330 360,140 180,140 "/> <polygon id="XMLID_1009_" style="fill:#FF9811;" points="260,90 260,110 180,110 180,140 360,140 360,90 "/> <polygon id="XMLID_1010_" style="fill:#FFDA44;" points="180,110 100,110 100,90 0,90 0,140 180,140 "/> <polygon id="XMLID_1011_" style="fill:#FFFFFF;" points="160,280 180,280 245,280 245,250 180,250 160,250 "/> <polygon id="XMLID_1012_" style="fill:#FFFFFF;" points="160,220 180,220 330,220 330,190 180,190 160,190 "/> <rect id="XMLID_1013_" x="30" y="170" style="fill:#ACABB1;" width="100" height="130"/> <path id="XMLID_1014_" style="fill:#565659;" d="M180,110h80V90V70h-40c0-22.092-17.908-40-40-40s-40,17.908-40,40h-40v20v20H180z" /> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download