SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Smartphone Diagram
Marketing 5
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.61 KB
4.97 KB
-25%
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/276350/smartphone-diagram --> <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"> <g> <g> <path style="fill:#8697CB;" d="M211.862,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C220.69,463.916,216.744,467.862,211.862,467.862"/> <path style="fill:#8697CB;" d="M123.586,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 s8.828,3.946,8.828,8.828v61.793C132.414,463.916,128.468,467.862,123.586,467.862"/> <path style="fill:#8697CB;" d="M35.31,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 s8.828,3.946,8.828,8.828v61.793C44.138,463.916,40.192,467.862,35.31,467.862"/> <path style="fill:#8697CB;" d="M476.69,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C485.517,463.916,481.571,467.862,476.69,467.862"/> <path style="fill:#8697CB;" d="M388.414,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C397.241,463.916,393.295,467.862,388.414,467.862"/> <path style="fill:#8697CB;" d="M300.138,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C308.966,463.916,305.02,467.862,300.138,467.862"/> <path style="fill:#8697CB;" d="M211.862,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C220.69,119.64,216.744,123.586,211.862,123.586"/> <path style="fill:#8697CB;" d="M123.586,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 s8.828,3.946,8.828,8.828v61.793C132.414,119.64,128.468,123.586,123.586,123.586"/> <path style="fill:#8697CB;" d="M35.31,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 s8.828,3.946,8.828,8.828v61.793C44.138,119.64,40.192,123.586,35.31,123.586"/> <path style="fill:#8697CB;" d="M476.69,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C485.517,119.64,481.571,123.586,476.69,123.586"/> <path style="fill:#8697CB;" d="M388.414,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C397.241,119.64,393.295,123.586,388.414,123.586"/> <path style="fill:#8697CB;" d="M300.138,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C308.966,119.64,305.02,123.586,300.138,123.586"/> </g> <path style="fill:#ECF0F1;" d="M0,371.095V140.907c0-14.442,11.705-26.147,26.147-26.147h459.705 c14.442,0,26.147,11.705,26.147,26.147v230.188c0,14.442-11.705,26.147-26.147,26.147H26.147C11.705,397.242,0,385.537,0,371.095" /> <polygon style="fill:#38454F;" points="70.621,397.241 459.034,397.241 459.034,114.759 70.621,114.759 "/> <g> <path style="fill:#546A79;" d="M485.517,300.138c-4.882,0-8.828-3.946-8.828-8.828v-44.138c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v44.138C494.345,296.192,490.399,300.138,485.517,300.138"/> <path style="fill:#546A79;" d="M485.517,229.517c-4.882,0-8.828-3.946-8.828-8.828v-8.828c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v8.828C494.345,225.571,490.399,229.517,485.517,229.517"/> </g> <path style="fill:#BDC3C7;" d="M35.31,282.483c-14.627,0-26.483-11.855-26.483-26.483c0-14.627,11.855-26.483,26.483-26.483 S61.793,241.373,61.793,256C61.793,270.627,49.938,282.483,35.31,282.483"/> <path style="fill:#F0C419;" d="M487.044,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C503.172,504.779,495.951,512,487.044,512"/> <path style="fill:#C03A2B;" d="M398.768,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C414.896,504.779,407.675,512,398.768,512"/> <path style="fill:#24AE5F;" d="M310.492,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C326.62,504.779,319.399,512,310.492,512"/> <path style="fill:#4482C3;" d="M222.216,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C238.344,504.779,231.123,512,222.216,512"/> <path style="fill:#C03A2B;" d="M133.94,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C150.068,504.779,142.847,512,133.94,512"/> <path style="fill:#F0C419;" d="M45.664,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C61.792,504.779,54.571,512,45.664,512"/> <path style="fill:#C03A2B;" d="M487.044,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71 c0-8.907,7.23-16.128,16.128-16.128h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C503.172,45.745,495.951,52.966,487.044,52.966 "/> <path style="fill:#F0C419;" d="M398.768,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71 C361.93,7.221,369.16,0,378.058,0h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C414.896,45.745,407.675,52.966,398.768,52.966" /> <path style="fill:#4482C3;" d="M310.492,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71 c0-8.907,7.23-16.128,16.128-16.128h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C326.62,45.745,319.399,52.966,310.492,52.966" /> <path style="fill:#24AE5F;" d="M222.216,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71 c0-8.907,7.23-16.128,16.128-16.128h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C238.344,45.745,231.123,52.966,222.216,52.966 "/> <path style="fill:#F0C419;" d="M133.94,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71 C97.103,7.221,104.332,0,113.231,0h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C150.068,45.745,142.847,52.966,133.94,52.966" /> <path style="fill:#C03A2B;" d="M45.664,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71C8.827,7.221,16.056,0,24.955,0 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C61.792,45.745,54.571,52.966,45.664,52.966"/> </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
6.61 KB
4.97 KB
-25%
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/276350/smartphone-diagram --> <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"> <g> <g> <path style="fill:#8697CB;" d="M211.862,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C220.69,463.916,216.744,467.862,211.862,467.862"/> <path style="fill:#8697CB;" d="M123.586,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 s8.828,3.946,8.828,8.828v61.793C132.414,463.916,128.468,467.862,123.586,467.862"/> <path style="fill:#8697CB;" d="M35.31,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 s8.828,3.946,8.828,8.828v61.793C44.138,463.916,40.192,467.862,35.31,467.862"/> <path style="fill:#8697CB;" d="M476.69,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C485.517,463.916,481.571,467.862,476.69,467.862"/> <path style="fill:#8697CB;" d="M388.414,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C397.241,463.916,393.295,467.862,388.414,467.862"/> <path style="fill:#8697CB;" d="M300.138,467.862c-4.882,0-8.828-3.946-8.828-8.828v-61.793c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C308.966,463.916,305.02,467.862,300.138,467.862"/> <path style="fill:#8697CB;" d="M211.862,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C220.69,119.64,216.744,123.586,211.862,123.586"/> <path style="fill:#8697CB;" d="M123.586,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 s8.828,3.946,8.828,8.828v61.793C132.414,119.64,128.468,123.586,123.586,123.586"/> <path style="fill:#8697CB;" d="M35.31,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 s8.828,3.946,8.828,8.828v61.793C44.138,119.64,40.192,123.586,35.31,123.586"/> <path style="fill:#8697CB;" d="M476.69,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C485.517,119.64,481.571,123.586,476.69,123.586"/> <path style="fill:#8697CB;" d="M388.414,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C397.241,119.64,393.295,123.586,388.414,123.586"/> <path style="fill:#8697CB;" d="M300.138,123.586c-4.882,0-8.828-3.946-8.828-8.828V52.966c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v61.793C308.966,119.64,305.02,123.586,300.138,123.586"/> </g> <path style="fill:#ECF0F1;" d="M0,371.095V140.907c0-14.442,11.705-26.147,26.147-26.147h459.705 c14.442,0,26.147,11.705,26.147,26.147v230.188c0,14.442-11.705,26.147-26.147,26.147H26.147C11.705,397.242,0,385.537,0,371.095" /> <polygon style="fill:#38454F;" points="70.621,397.241 459.034,397.241 459.034,114.759 70.621,114.759 "/> <g> <path style="fill:#546A79;" d="M485.517,300.138c-4.882,0-8.828-3.946-8.828-8.828v-44.138c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v44.138C494.345,296.192,490.399,300.138,485.517,300.138"/> <path style="fill:#546A79;" d="M485.517,229.517c-4.882,0-8.828-3.946-8.828-8.828v-8.828c0-4.882,3.946-8.828,8.828-8.828 c4.882,0,8.828,3.946,8.828,8.828v8.828C494.345,225.571,490.399,229.517,485.517,229.517"/> </g> <path style="fill:#BDC3C7;" d="M35.31,282.483c-14.627,0-26.483-11.855-26.483-26.483c0-14.627,11.855-26.483,26.483-26.483 S61.793,241.373,61.793,256C61.793,270.627,49.938,282.483,35.31,282.483"/> <path style="fill:#F0C419;" d="M487.044,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C503.172,504.779,495.951,512,487.044,512"/> <path style="fill:#C03A2B;" d="M398.768,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C414.896,504.779,407.675,512,398.768,512"/> <path style="fill:#24AE5F;" d="M310.492,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C326.62,504.779,319.399,512,310.492,512"/> <path style="fill:#4482C3;" d="M222.216,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C238.344,504.779,231.123,512,222.216,512"/> <path style="fill:#C03A2B;" d="M133.94,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C150.068,504.779,142.847,512,133.94,512"/> <path style="fill:#F0C419;" d="M45.664,512h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71c0-8.907,7.23-16.128,16.128-16.128 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C61.792,504.779,54.571,512,45.664,512"/> <path style="fill:#C03A2B;" d="M487.044,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71 c0-8.907,7.23-16.128,16.128-16.128h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C503.172,45.745,495.951,52.966,487.044,52.966 "/> <path style="fill:#F0C419;" d="M398.768,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71 C361.93,7.221,369.16,0,378.058,0h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C414.896,45.745,407.675,52.966,398.768,52.966" /> <path style="fill:#4482C3;" d="M310.492,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71 c0-8.907,7.23-16.128,16.128-16.128h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C326.62,45.745,319.399,52.966,310.492,52.966" /> <path style="fill:#24AE5F;" d="M222.216,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71 c0-8.907,7.23-16.128,16.128-16.128h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C238.344,45.745,231.123,52.966,222.216,52.966 "/> <path style="fill:#F0C419;" d="M133.94,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71 C97.103,7.221,104.332,0,113.231,0h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C150.068,45.745,142.847,52.966,133.94,52.966" /> <path style="fill:#C03A2B;" d="M45.664,52.966h-20.71c-8.898,0-16.128-7.221-16.128-16.128v-20.71C8.827,7.221,16.056,0,24.955,0 h20.71c8.907,0,16.128,7.221,16.128,16.128v20.71C61.792,45.745,54.571,52.966,45.664,52.966"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download