SVG
Viewer
Smartphone Mockup
Mobile Wireframes
View collection
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Set Dimensions
Change dimensions
Optimize
2.53 KB
1.63 KB
-36%
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/247844/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> <rect x="159.552" y="87.568" style="fill:#8AD5DD;" width="192.88" height="43.296"/> <g> <path style="fill:#FFFFFF;" d="M249.224,238.2c-20.544,0-37.256-16.712-37.256-37.256s16.712-37.256,37.256-37.256 c20.552,0,37.272,16.712,37.272,37.256S269.776,238.2,249.224,238.2z M249.224,169.96c-17.088,0-31,13.896-31,31s13.896,31,31,31 s31.008-13.896,31.008-31S266.312,169.96,249.224,169.96z"/> <rect x="282.322" y="221.01" transform="matrix(-0.707 0.7072 -0.7072 -0.707 655.9374 205.2585)" style="fill:#FFFFFF;" width="6.256" height="34.992"/> </g> <rect x="176.8" y="285.912" style="fill:#DB2B42;" width="158.392" height="4.6"/> <g> <rect x="176.8" y="301.432" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="313.28" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="325.184" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="337.04" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="348.944" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="218.504" y="375.92" style="fill:#CCCCCC;" width="75" height="4.6"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
Set Dimensions
Change dimensions
Optimize
2.53 KB
1.63 KB
-36%
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/247844/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> <rect x="159.552" y="87.568" style="fill:#8AD5DD;" width="192.88" height="43.296"/> <g> <path style="fill:#FFFFFF;" d="M249.224,238.2c-20.544,0-37.256-16.712-37.256-37.256s16.712-37.256,37.256-37.256 c20.552,0,37.272,16.712,37.272,37.256S269.776,238.2,249.224,238.2z M249.224,169.96c-17.088,0-31,13.896-31,31s13.896,31,31,31 s31.008-13.896,31.008-31S266.312,169.96,249.224,169.96z"/> <rect x="282.322" y="221.01" transform="matrix(-0.707 0.7072 -0.7072 -0.707 655.9374 205.2585)" style="fill:#FFFFFF;" width="6.256" height="34.992"/> </g> <rect x="176.8" y="285.912" style="fill:#DB2B42;" width="158.392" height="4.6"/> <g> <rect x="176.8" y="301.432" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="313.28" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="325.184" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="337.04" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="348.944" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="218.504" y="375.92" style="fill:#CCCCCC;" width="75" height="4.6"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download