SVG
Viewer
Dark mode
Light mode
Hide sidebar
Browser Mockup
Web Mockups
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.3 KB
1.2 KB
-48%
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/250029/browser-mockup --> <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 x="70.652" style="fill:#FFFFFF;" width="370.72" height="494.344"/> <rect x="105.916" y="335.624" style="fill:#CCCCCC;" width="300.136" height="123.232"/> <rect x="124.54" y="355.2" width="262.896" height="5.888"/> <g> <rect x="124.54" y="375.048" style="fill:#FFFFFF;" width="262.896" height="5.888"/> <rect x="124.54" y="390.256" style="fill:#FFFFFF;" width="262.896" height="5.888"/> <rect x="124.54" y="405.456" style="fill:#FFFFFF;" width="262.896" height="5.888"/> <rect x="124.54" y="420.656" style="fill:#FFFFFF;" width="262.896" height="5.888"/> <rect x="124.54" y="435.84" style="fill:#FFFFFF;" width="262.896" height="5.888"/> </g> <rect x="105.916" y="94.8" style="fill:#32BEA6;" width="300.136" height="217.28"/> <rect x="70.676" y="494.344" width="370.72" height="17.656"/> <g> <polygon style="fill:#FFFFFF;" points="231.156,165.952 295.892,203.328 231.156,240.704 "/> <path style="fill:#FFFFFF;" d="M255.988,276.32c-40.248,0-72.992-32.744-72.992-72.992s32.744-72.992,72.992-72.992 s72.992,32.744,72.992,72.992S296.236,276.32,255.988,276.32z M255.988,136.336c-36.944,0-66.992,30.056-66.992,66.992 s30.048,66.992,66.992,66.992c36.936,0,66.992-30.056,66.992-66.992S292.924,136.336,255.988,136.336z"/> </g> <rect x="70.604" width="370.72" height="59.488"/> <g> <rect x="105.876" y="21.616" style="fill:#FFFFFF;" width="110.072" height="5.888"/> <rect x="105.876" y="31.992" style="fill:#FFFFFF;" width="84.296" height="5.888"/> <rect x="268.452" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> <rect x="297.428" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> <rect x="326.436" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> <rect x="355.428" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> <rect x="384.388" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> </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
2.3 KB
1.2 KB
-48%
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/250029/browser-mockup --> <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 x="70.652" style="fill:#FFFFFF;" width="370.72" height="494.344"/> <rect x="105.916" y="335.624" style="fill:#CCCCCC;" width="300.136" height="123.232"/> <rect x="124.54" y="355.2" width="262.896" height="5.888"/> <g> <rect x="124.54" y="375.048" style="fill:#FFFFFF;" width="262.896" height="5.888"/> <rect x="124.54" y="390.256" style="fill:#FFFFFF;" width="262.896" height="5.888"/> <rect x="124.54" y="405.456" style="fill:#FFFFFF;" width="262.896" height="5.888"/> <rect x="124.54" y="420.656" style="fill:#FFFFFF;" width="262.896" height="5.888"/> <rect x="124.54" y="435.84" style="fill:#FFFFFF;" width="262.896" height="5.888"/> </g> <rect x="105.916" y="94.8" style="fill:#32BEA6;" width="300.136" height="217.28"/> <rect x="70.676" y="494.344" width="370.72" height="17.656"/> <g> <polygon style="fill:#FFFFFF;" points="231.156,165.952 295.892,203.328 231.156,240.704 "/> <path style="fill:#FFFFFF;" d="M255.988,276.32c-40.248,0-72.992-32.744-72.992-72.992s32.744-72.992,72.992-72.992 s72.992,32.744,72.992,72.992S296.236,276.32,255.988,276.32z M255.988,136.336c-36.944,0-66.992,30.056-66.992,66.992 s30.048,66.992,66.992,66.992c36.936,0,66.992-30.056,66.992-66.992S292.924,136.336,255.988,136.336z"/> </g> <rect x="70.604" width="370.72" height="59.488"/> <g> <rect x="105.876" y="21.616" style="fill:#FFFFFF;" width="110.072" height="5.888"/> <rect x="105.876" y="31.992" style="fill:#FFFFFF;" width="84.296" height="5.888"/> <rect x="268.452" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> <rect x="297.428" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> <rect x="326.436" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> <rect x="355.428" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> <rect x="384.388" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download