SVG
Viewer
Dark mode
Light mode
Hide sidebar
Smartphone Mockup
Mobile Wireframes
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.23 KB
-41%
Prettify
Preferences
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/247854/smartphone-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"> <circle style="fill:#2D2D2D;" cx="256" cy="256" r="256"/> <path style="fill:#FFFFFF;" d="M336.144,456H175.856c-17.032,0-30.96-13.936-30.96-30.96V86.96c0-17.032,13.936-30.96,30.96-30.96 h160.288c17.032,0,30.96,13.936,30.96,30.96v338.08C367.104,442.064,353.176,456,336.144,456z"/> <rect x="159.552" y="87.568" style="fill:#2D2D2D;" width="192.88" height="315.44"/> <g> <path style="fill:#CCCCCC;" d="M284.928,75.08h-39.48c-1.776,0-3.224-1.448-3.224-3.224l0,0c0-1.776,1.448-3.224,3.224-3.224h39.48 c1.776,0,3.224,1.448,3.224,3.224l0,0C288.152,73.632,286.704,75.08,284.928,75.08z"/> <circle style="fill:#CCCCCC;" cx="227.072" cy="71.856" r="3.224"/> <path style="fill:#CCCCCC;" d="M256,445.168c-8.648,0-15.688-7.04-15.688-15.696c0-8.648,7.04-15.688,15.688-15.688 s15.688,7.04,15.688,15.688C271.688,438.128,264.648,445.168,256,445.168z M256,417.784c-6.448,0-11.688,5.24-11.688,11.688 s5.24,11.696,11.688,11.696s11.688-5.248,11.688-11.696S262.448,417.784,256,417.784z"/> </g> <g> <rect x="159.552" y="87.568" style="fill:#8AD5DD;" width="192.88" height="43.296"/> <rect x="159.552" y="239.616" style="fill:#8AD5DD;" width="192.88" height="43.296"/> </g> <g> <rect x="192.88" y="166.32" style="fill:#FFFFFF;" width="126.112" height="4.6"/> <rect x="192.88" y="178.2" style="fill:#FFFFFF;" width="126.112" height="4.6"/> <rect x="192.88" y="190.072" style="fill:#FFFFFF;" width="126.112" height="4.6"/> <rect x="192.88" y="327.856" style="fill:#FFFFFF;" width="126.112" height="4.6"/> <rect x="192.88" y="339.736" style="fill:#FFFFFF;" width="126.112" height="4.6"/> <rect x="192.88" y="351.608" style="fill:#FFFFFF;" width="126.112" height="4.6"/> </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.1 KB
1.23 KB
-41%
Prettify
Preferences
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/247854/smartphone-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"> <circle style="fill:#2D2D2D;" cx="256" cy="256" r="256"/> <path style="fill:#FFFFFF;" d="M336.144,456H175.856c-17.032,0-30.96-13.936-30.96-30.96V86.96c0-17.032,13.936-30.96,30.96-30.96 h160.288c17.032,0,30.96,13.936,30.96,30.96v338.08C367.104,442.064,353.176,456,336.144,456z"/> <rect x="159.552" y="87.568" style="fill:#2D2D2D;" width="192.88" height="315.44"/> <g> <path style="fill:#CCCCCC;" d="M284.928,75.08h-39.48c-1.776,0-3.224-1.448-3.224-3.224l0,0c0-1.776,1.448-3.224,3.224-3.224h39.48 c1.776,0,3.224,1.448,3.224,3.224l0,0C288.152,73.632,286.704,75.08,284.928,75.08z"/> <circle style="fill:#CCCCCC;" cx="227.072" cy="71.856" r="3.224"/> <path style="fill:#CCCCCC;" d="M256,445.168c-8.648,0-15.688-7.04-15.688-15.696c0-8.648,7.04-15.688,15.688-15.688 s15.688,7.04,15.688,15.688C271.688,438.128,264.648,445.168,256,445.168z M256,417.784c-6.448,0-11.688,5.24-11.688,11.688 s5.24,11.696,11.688,11.696s11.688-5.248,11.688-11.696S262.448,417.784,256,417.784z"/> </g> <g> <rect x="159.552" y="87.568" style="fill:#8AD5DD;" width="192.88" height="43.296"/> <rect x="159.552" y="239.616" style="fill:#8AD5DD;" width="192.88" height="43.296"/> </g> <g> <rect x="192.88" y="166.32" style="fill:#FFFFFF;" width="126.112" height="4.6"/> <rect x="192.88" y="178.2" style="fill:#FFFFFF;" width="126.112" height="4.6"/> <rect x="192.88" y="190.072" style="fill:#FFFFFF;" width="126.112" height="4.6"/> <rect x="192.88" y="327.856" style="fill:#FFFFFF;" width="126.112" height="4.6"/> <rect x="192.88" y="339.736" style="fill:#FFFFFF;" width="126.112" height="4.6"/> <rect x="192.88" y="351.608" style="fill:#FFFFFF;" width="126.112" height="4.6"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download