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.1 KB
1.17 KB
-44%
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/250008/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.6" style="fill:#EFEFEF;" width="370.8" height="494.3"/> <rect x="105.9" y="335.6" style="fill:#FFFFFF;" width="300.1" height="123.2"/> <rect x="124.6" y="355.2" style="fill:#2C3E50;" width="262.9" height="5.9"/> <g> <rect x="124.6" y="375" style="fill:#E5E5E5;" width="262.9" height="5.9"/> <rect x="124.6" y="390.3" style="fill:#E5E5E5;" width="262.9" height="5.9"/> <rect x="124.6" y="405.5" style="fill:#E5E5E5;" width="262.9" height="5.9"/> <rect x="124.6" y="420.7" style="fill:#E5E5E5;" width="262.9" height="5.9"/> <rect x="124.6" y="435.9" style="fill:#E5E5E5;" width="262.9" height="5.9"/> </g> <rect x="105.9" y="94.8" style="fill:#E04F5F;" width="300.1" height="217.3"/> <rect x="70.6" y="494.3" style="fill:#2C3E50;" width="370.8" height="17.7"/> <g> <polygon style="fill:#FFFFFF;" points="237.2,175 286.2,203.3 237.2,231.6 "/> <path style="fill:#FFFFFF;" d="M256,257.3c-29.8,0-54-24.2-54-54s24.2-54,54-54s54,24.2,54,54S285.8,257.3,256,257.3z M256,151.3 c-28.7,0-52,23.3-52,52s23.3,52,52,52s52-23.3,52-52S284.7,151.3,256,151.3z"/> </g> <rect x="70.6" style="fill:#E04F5F;" width="370.8" height="59.5"/> <g> <rect x="105.9" y="21.6" style="fill:#FFFFFF;" width="110.1" height="5.9"/> <rect x="105.9" y="32" style="fill:#FFFFFF;" width="84.3" height="5.9"/> </g> <rect x="268.5" y="32" style="fill:#2C3E50;" width="21.6" height="5.9"/> <rect x="297.5" y="32" style="fill:#FFFFFF;" width="21.6" height="5.9"/> <rect x="326.4" y="32" style="fill:#2C3E50;" width="21.6" height="5.9"/> <rect x="355.4" y="32" style="fill:#FFFFFF;" width="21.6" height="5.9"/> <rect x="384.4" y="32" style="fill:#2C3E50;" width="21.6" height="5.9"/> </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.1 KB
1.17 KB
-44%
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/250008/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.6" style="fill:#EFEFEF;" width="370.8" height="494.3"/> <rect x="105.9" y="335.6" style="fill:#FFFFFF;" width="300.1" height="123.2"/> <rect x="124.6" y="355.2" style="fill:#2C3E50;" width="262.9" height="5.9"/> <g> <rect x="124.6" y="375" style="fill:#E5E5E5;" width="262.9" height="5.9"/> <rect x="124.6" y="390.3" style="fill:#E5E5E5;" width="262.9" height="5.9"/> <rect x="124.6" y="405.5" style="fill:#E5E5E5;" width="262.9" height="5.9"/> <rect x="124.6" y="420.7" style="fill:#E5E5E5;" width="262.9" height="5.9"/> <rect x="124.6" y="435.9" style="fill:#E5E5E5;" width="262.9" height="5.9"/> </g> <rect x="105.9" y="94.8" style="fill:#E04F5F;" width="300.1" height="217.3"/> <rect x="70.6" y="494.3" style="fill:#2C3E50;" width="370.8" height="17.7"/> <g> <polygon style="fill:#FFFFFF;" points="237.2,175 286.2,203.3 237.2,231.6 "/> <path style="fill:#FFFFFF;" d="M256,257.3c-29.8,0-54-24.2-54-54s24.2-54,54-54s54,24.2,54,54S285.8,257.3,256,257.3z M256,151.3 c-28.7,0-52,23.3-52,52s23.3,52,52,52s52-23.3,52-52S284.7,151.3,256,151.3z"/> </g> <rect x="70.6" style="fill:#E04F5F;" width="370.8" height="59.5"/> <g> <rect x="105.9" y="21.6" style="fill:#FFFFFF;" width="110.1" height="5.9"/> <rect x="105.9" y="32" style="fill:#FFFFFF;" width="84.3" height="5.9"/> </g> <rect x="268.5" y="32" style="fill:#2C3E50;" width="21.6" height="5.9"/> <rect x="297.5" y="32" style="fill:#FFFFFF;" width="21.6" height="5.9"/> <rect x="326.4" y="32" style="fill:#2C3E50;" width="21.6" height="5.9"/> <rect x="355.4" y="32" style="fill:#FFFFFF;" width="21.6" height="5.9"/> <rect x="384.4" y="32" style="fill:#2C3E50;" width="21.6" height="5.9"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download