SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
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
6.23 KB
2.68 KB
-57%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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/250050/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.008 512.008" style="enable-background:new 0 0 512.008 512.008;" xml:space="preserve"> <rect x="70.636" style="fill:#EFEFEF;" width="370.72" height="494.344"/> <rect x="105.9" y="94.8" style="fill:#FFFFFF;" width="138.296" height="364.056"/> <rect x="124.524" y="111.92" width="101.056" height="5.888"/> <g> <rect x="124.524" y="131.784" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="146.992" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="162.192" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="177.36" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_0" x="124.524" y="192.56" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_0_1_" x="124.524" y="192.56" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="124.524" y="207.8" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="223.008" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="238.208" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_1" x="124.524" y="253.408" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_1_1_" x="124.524" y="253.408" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="124.524" y="268.616" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="283.816" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="299.04" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_2" x="124.524" y="314.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_2_1_" x="124.524" y="314.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="124.524" y="329.44" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="344.64" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="359.832" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_3" x="124.524" y="375.032" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_3_1_" x="124.524" y="375.032" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="124.524" y="390.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="405.44" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="420.648" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="435.84" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect x="267.74" y="94.8" style="fill:#FFFFFF;" width="138.296" height="364.056"/> <rect x="286.364" y="111.92" width="101.056" height="5.888"/> <g> <rect x="286.364" y="131.784" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="146.992" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="162.192" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="177.36" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_4" x="286.364" y="192.56" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_4_1_" x="286.364" y="192.56" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="286.364" y="207.8" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="223.008" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="238.208" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_5" x="286.364" y="253.408" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_5_1_" x="286.364" y="253.408" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="286.364" y="268.616" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="283.816" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="299.04" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_6" x="286.364" y="314.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_6_1_" x="286.364" y="314.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="286.364" y="329.44" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="344.64" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="359.832" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_7" x="286.364" y="375.032" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_7_1_" x="286.364" y="375.032" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="286.364" y="390.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="405.44" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="420.648" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="435.84" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect x="70.66" y="494.352" width="370.72" height="17.656"/> <rect x="70.628" style="fill:#0BA4E0;" width="370.72" height="59.488"/> <g> <rect x="105.9" y="21.616" style="fill:#FFFFFF;" width="110.072" height="5.888"/> <rect x="105.9" y="31.992" style="fill:#FFFFFF;" width="84.296" height="5.888"/> <rect x="268.476" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> </g> <rect x="297.492" y="31.992" width="21.6" height="5.888"/> <rect x="326.46" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> <rect x="355.492" y="31.992" width="21.6" height="5.888"/> <rect x="384.452" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> </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
6.23 KB
2.68 KB
-57%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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/250050/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.008 512.008" style="enable-background:new 0 0 512.008 512.008;" xml:space="preserve"> <rect x="70.636" style="fill:#EFEFEF;" width="370.72" height="494.344"/> <rect x="105.9" y="94.8" style="fill:#FFFFFF;" width="138.296" height="364.056"/> <rect x="124.524" y="111.92" width="101.056" height="5.888"/> <g> <rect x="124.524" y="131.784" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="146.992" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="162.192" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="177.36" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_0" x="124.524" y="192.56" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_0_1_" x="124.524" y="192.56" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="124.524" y="207.8" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="223.008" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="238.208" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_1" x="124.524" y="253.408" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_1_1_" x="124.524" y="253.408" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="124.524" y="268.616" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="283.816" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="299.04" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_2" x="124.524" y="314.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_2_1_" x="124.524" y="314.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="124.524" y="329.44" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="344.64" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="359.832" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_3" x="124.524" y="375.032" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_3_1_" x="124.524" y="375.032" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="124.524" y="390.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="405.44" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="420.648" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="124.524" y="435.84" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect x="267.74" y="94.8" style="fill:#FFFFFF;" width="138.296" height="364.056"/> <rect x="286.364" y="111.92" width="101.056" height="5.888"/> <g> <rect x="286.364" y="131.784" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="146.992" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="162.192" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="177.36" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_4" x="286.364" y="192.56" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_4_1_" x="286.364" y="192.56" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="286.364" y="207.8" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="223.008" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="238.208" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_5" x="286.364" y="253.408" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_5_1_" x="286.364" y="253.408" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="286.364" y="268.616" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="283.816" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="299.04" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_6" x="286.364" y="314.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_6_1_" x="286.364" y="314.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="286.364" y="329.44" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="344.64" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="359.832" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect id="SVGCleanerId_7" x="286.364" y="375.032" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <g> <rect id="SVGCleanerId_7_1_" x="286.364" y="375.032" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <g> <rect x="286.364" y="390.24" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="405.44" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="420.648" style="fill:#E5E5E5;" width="101.056" height="5.888"/> <rect x="286.364" y="435.84" style="fill:#E5E5E5;" width="101.056" height="5.888"/> </g> <rect x="70.66" y="494.352" width="370.72" height="17.656"/> <rect x="70.628" style="fill:#0BA4E0;" width="370.72" height="59.488"/> <g> <rect x="105.9" y="21.616" style="fill:#FFFFFF;" width="110.072" height="5.888"/> <rect x="105.9" y="31.992" style="fill:#FFFFFF;" width="84.296" height="5.888"/> <rect x="268.476" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> </g> <rect x="297.492" y="31.992" width="21.6" height="5.888"/> <rect x="326.46" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> <rect x="355.492" y="31.992" width="21.6" height="5.888"/> <rect x="384.452" y="31.992" style="fill:#FFFFFF;" width="21.6" height="5.888"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download