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.52 KB
1.54 KB
-39%
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/247868/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:#8AD5DD;" 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"/> <path style="fill:#DB2B42;" d="M321.248,239.856H190.752c-8.8,0-16-7.2-16-16V123.008c0-8.8,7.2-16,16-16h130.496 c8.8,0,16,7.2,16,16v100.856C337.248,232.656,330.048,239.856,321.248,239.856z"/> <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.656,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.248,11.696,11.688,11.696s11.688-5.248,11.688-11.696S262.448,417.784,256,417.784z"/> </g> <rect x="174.752" y="252.336" style="fill:#FFFFFF;" width="162.496" height="131.192"/> <rect x="193.28" y="266.32" style="fill:#DB2B42;" width="125.52" height="4.6"/> <g> <rect x="193.28" y="281.84" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="293.704" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="305.6" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="317.456" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="329.36" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="341.208" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="353.12" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="364.968" style="fill:#CCCCCC;" width="125.52" height="4.6"/> </g> <polygon style="fill:#FFFFFF;" points="230.288,137.536 292.472,173.432 230.288,209.336 "/> </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.52 KB
1.54 KB
-39%
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/247868/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:#8AD5DD;" 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"/> <path style="fill:#DB2B42;" d="M321.248,239.856H190.752c-8.8,0-16-7.2-16-16V123.008c0-8.8,7.2-16,16-16h130.496 c8.8,0,16,7.2,16,16v100.856C337.248,232.656,330.048,239.856,321.248,239.856z"/> <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.656,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.248,11.696,11.688,11.696s11.688-5.248,11.688-11.696S262.448,417.784,256,417.784z"/> </g> <rect x="174.752" y="252.336" style="fill:#FFFFFF;" width="162.496" height="131.192"/> <rect x="193.28" y="266.32" style="fill:#DB2B42;" width="125.52" height="4.6"/> <g> <rect x="193.28" y="281.84" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="293.704" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="305.6" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="317.456" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="329.36" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="341.208" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="353.12" style="fill:#CCCCCC;" width="125.52" height="4.6"/> <rect x="193.28" y="364.968" style="fill:#CCCCCC;" width="125.52" height="4.6"/> </g> <polygon style="fill:#FFFFFF;" points="230.288,137.536 292.472,173.432 230.288,209.336 "/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download