SVG
Viewer
Dark mode
Light mode
Hide sidebar
Image
Web Design 5
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
3.62 KB
1.67 KB
-54%
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/213352/image --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect y="51.2" style="fill:#F8F8F9;" width="512" height="358.4"/> <g> <rect x="256" y="51.2" style="fill:#EDEDED;" width="256" height="358.4"/> <rect y="51.2" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="102.4" y="51.2" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="204.8" y="51.2" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="307.2" y="51.2" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="409.6" y="51.2" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect x="51.2" y="102.4" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="153.6" y="102.4" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="256" y="102.4" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="358.4" y="102.4" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="460.8" y="102.4" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect y="153.6" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="102.4" y="153.6" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="204.8" y="153.6" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="307.2" y="153.6" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="409.6" y="153.6" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect x="51.2" y="204.8" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="153.6" y="204.8" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="256" y="204.8" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="358.4" y="204.8" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="460.8" y="204.8" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect y="256" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="102.4" y="256" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="204.8" y="256" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="307.2" y="256" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="409.6" y="256" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect y="358.4" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="102.4" y="358.4" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="204.8" y="358.4" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="307.2" y="358.4" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="409.6" y="358.4" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect x="51.2" y="307.2" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="153.6" y="307.2" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="256" y="307.2" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="358.4" y="307.2" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="460.8" y="307.2" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <polygon style="fill:#95D5A7;" points="512,332.8 384,204.8 230.4,358.4 128,256 0,384 0,460.8 512,460.8 "/> <circle style="fill:#F8E99B;" cx="192" cy="166.4" r="38.4"/> <polygon style="fill:#80CB93;" points="512,332.8 384,204.8 256,332.8 256,460.8 512,460.8 "/> </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
3.62 KB
1.67 KB
-54%
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/213352/image --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect y="51.2" style="fill:#F8F8F9;" width="512" height="358.4"/> <g> <rect x="256" y="51.2" style="fill:#EDEDED;" width="256" height="358.4"/> <rect y="51.2" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="102.4" y="51.2" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="204.8" y="51.2" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="307.2" y="51.2" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="409.6" y="51.2" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect x="51.2" y="102.4" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="153.6" y="102.4" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="256" y="102.4" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="358.4" y="102.4" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="460.8" y="102.4" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect y="153.6" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="102.4" y="153.6" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="204.8" y="153.6" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="307.2" y="153.6" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="409.6" y="153.6" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect x="51.2" y="204.8" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="153.6" y="204.8" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="256" y="204.8" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="358.4" y="204.8" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="460.8" y="204.8" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect y="256" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="102.4" y="256" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="204.8" y="256" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="307.2" y="256" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="409.6" y="256" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect y="358.4" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="102.4" y="358.4" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="204.8" y="358.4" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="307.2" y="358.4" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="409.6" y="358.4" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <g> <rect x="51.2" y="307.2" style="fill:#EDEDED;" width="51.2" height="51.2"/> <rect x="153.6" y="307.2" style="fill:#EDEDED;" width="51.2" height="51.2"/> </g> <g> <rect x="256" y="307.2" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="358.4" y="307.2" style="fill:#D8D8DA;" width="51.2" height="51.2"/> <rect x="460.8" y="307.2" style="fill:#D8D8DA;" width="51.2" height="51.2"/> </g> <polygon style="fill:#95D5A7;" points="512,332.8 384,204.8 230.4,358.4 128,256 0,384 0,460.8 512,460.8 "/> <circle style="fill:#F8E99B;" cx="192" cy="166.4" r="38.4"/> <polygon style="fill:#80CB93;" points="512,332.8 384,204.8 256,332.8 256,460.8 512,460.8 "/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download