SVG
Viewer
Dark mode
Light mode
Hide sidebar
Browser
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
1.35 KB
904 bytes
-34%
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/213318/browser --> <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"> <path style="fill:#EDEDED;" d="M512,454.4c0,21.207-17.193,38.4-38.4,38.4H38.4C17.193,492.8,0,475.607,0,454.4V57.6 c0-21.207,17.193-38.4,38.4-38.4h435.2c21.207,0,38.4,17.193,38.4,38.4V454.4z"/> <path style="fill:#D8D8DA;" d="M473.6,19.2H256v473.6h217.6c21.207,0,38.4-17.193,38.4-38.4V57.6 C512,36.393,494.807,19.2,473.6,19.2z"/> <rect x="256" y="57.6" style="fill:#C6C5CA;" width="217.6" height="38.4"/> <circle style="fill:#E07188;" cx="57.6" cy="76.8" r="25.6"/> <path style="fill:#F8F8F9;" d="M0,134.4v320c0,21.207,17.193,38.4,38.4,38.4h435.2c21.207,0,38.4-17.193,38.4-38.4v-320H0z"/> <path style="fill:#EDEDED;" d="M256,134.4v358.4h217.6c21.207,0,38.4-17.193,38.4-38.4v-320H256z"/> <rect x="358.4" y="211.2" style="fill:#F6E27D;" width="76.8" height="204.8"/> <rect x="76.8" y="211.2" style="fill:#95D5A7;" width="217.6" height="204.8"/> <rect x="256" y="211.2" style="fill:#80CB93;" width="38.4" height="204.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
1.35 KB
904 bytes
-34%
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/213318/browser --> <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"> <path style="fill:#EDEDED;" d="M512,454.4c0,21.207-17.193,38.4-38.4,38.4H38.4C17.193,492.8,0,475.607,0,454.4V57.6 c0-21.207,17.193-38.4,38.4-38.4h435.2c21.207,0,38.4,17.193,38.4,38.4V454.4z"/> <path style="fill:#D8D8DA;" d="M473.6,19.2H256v473.6h217.6c21.207,0,38.4-17.193,38.4-38.4V57.6 C512,36.393,494.807,19.2,473.6,19.2z"/> <rect x="256" y="57.6" style="fill:#C6C5CA;" width="217.6" height="38.4"/> <circle style="fill:#E07188;" cx="57.6" cy="76.8" r="25.6"/> <path style="fill:#F8F8F9;" d="M0,134.4v320c0,21.207,17.193,38.4,38.4,38.4h435.2c21.207,0,38.4-17.193,38.4-38.4v-320H0z"/> <path style="fill:#EDEDED;" d="M256,134.4v358.4h217.6c21.207,0,38.4-17.193,38.4-38.4v-320H256z"/> <rect x="358.4" y="211.2" style="fill:#F6E27D;" width="76.8" height="204.8"/> <rect x="76.8" y="211.2" style="fill:#95D5A7;" width="217.6" height="204.8"/> <rect x="256" y="211.2" style="fill:#80CB93;" width="38.4" height="204.8"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download