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.47 KB
1.56 KB
-37%
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/247838/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:#E8E8E8;" cx="256" cy="256" r="256"/> <path style="fill:#FFFFFF;" d="M336.144,456.016H175.856c-17.032,0-30.96-13.936-30.96-30.96V86.976 c0-17.032,13.936-30.96,30.96-30.96h160.288c17.032,0,30.96,13.936,30.96,30.96v338.08 C367.104,442.08,353.176,456.016,336.144,456.016z"/> <rect x="159.552" y="87.584" style="fill:#2D2D2D;" width="192.88" height="315.44"/> <g> <path style="fill:#CCCCCC;" d="M284.928,75.096h-39.48c-1.776,0-3.224-1.448-3.224-3.224l0,0c0-1.776,1.448-3.224,3.224-3.224 h39.48c1.776,0,3.224,1.448,3.224,3.224l0,0C288.152,73.648,286.704,75.096,284.928,75.096z"/> <circle style="fill:#CCCCCC;" cx="227.072" cy="71.84" r="3.224"/> <path style="fill:#CCCCCC;" d="M256,445.184c-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.144,264.648,445.184,256,445.184z M256,417.8c-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.8,256,417.8z"/> </g> <g> <path style="fill:#FFFFFF;" d="M249.224,215.384c-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,215.384,249.224,215.384z M249.224,147.144c-17.088,0-31,13.896-31,31 s13.896,31,31,31s31.008-13.896,31.008-31S266.312,147.144,249.224,147.144z"/> <rect x="282.324" y="198.176" transform="matrix(-0.707 0.7072 -0.7072 -0.707 639.7935 166.2804)" style="fill:#FFFFFF;" width="6.256" height="34.992"/> </g> <rect x="176.8" y="285.928" style="fill:#DB2B42;" width="158.392" height="4.6"/> <g> <rect x="176.8" y="301.448" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="313.36" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="325.2" 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.96" 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
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.47 KB
1.56 KB
-37%
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/247838/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:#E8E8E8;" cx="256" cy="256" r="256"/> <path style="fill:#FFFFFF;" d="M336.144,456.016H175.856c-17.032,0-30.96-13.936-30.96-30.96V86.976 c0-17.032,13.936-30.96,30.96-30.96h160.288c17.032,0,30.96,13.936,30.96,30.96v338.08 C367.104,442.08,353.176,456.016,336.144,456.016z"/> <rect x="159.552" y="87.584" style="fill:#2D2D2D;" width="192.88" height="315.44"/> <g> <path style="fill:#CCCCCC;" d="M284.928,75.096h-39.48c-1.776,0-3.224-1.448-3.224-3.224l0,0c0-1.776,1.448-3.224,3.224-3.224 h39.48c1.776,0,3.224,1.448,3.224,3.224l0,0C288.152,73.648,286.704,75.096,284.928,75.096z"/> <circle style="fill:#CCCCCC;" cx="227.072" cy="71.84" r="3.224"/> <path style="fill:#CCCCCC;" d="M256,445.184c-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.144,264.648,445.184,256,445.184z M256,417.8c-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.8,256,417.8z"/> </g> <g> <path style="fill:#FFFFFF;" d="M249.224,215.384c-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,215.384,249.224,215.384z M249.224,147.144c-17.088,0-31,13.896-31,31 s13.896,31,31,31s31.008-13.896,31.008-31S266.312,147.144,249.224,147.144z"/> <rect x="282.324" y="198.176" transform="matrix(-0.707 0.7072 -0.7072 -0.707 639.7935 166.2804)" style="fill:#FFFFFF;" width="6.256" height="34.992"/> </g> <rect x="176.8" y="285.928" style="fill:#DB2B42;" width="158.392" height="4.6"/> <g> <rect x="176.8" y="301.448" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="313.36" style="fill:#CCCCCC;" width="158.392" height="4.6"/> <rect x="176.8" y="325.2" 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.96" 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