Add icons to this collection by clicking the heart icon.
Smartphone icon - also known as user, smartphone, tablet, web design, responsive design, website, mobile, layout, design, browser, ui, platform, responsive webpage, seo and web, edit tools, ux design, and ux. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#b5adb6" />
<stop offset=".511" stop-color="#918291" />
<stop offset="1" stop-color="#554e56" />
</linearGradient>
<linearGradient
id="f"
x1="70"
x2="505.66"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="77.626"
x2="439.403"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="115.535"
x2="394.465"
y1="254.998"
y2="254.998"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8f6f7" />
<stop offset=".179" stop-color="#f8f6f7" />
<stop offset="1" stop-color="#e7e6f5" />
</linearGradient>
<linearGradient
id="i"
x1="110.974"
x2="261.376"
y1="38.792"
y2="38.792"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="110.974"
x2="261.376"
y1="38.798"
y2="38.798"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="110.974"
x2="261.376"
y1="26.297"
y2="26.297"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f8f6f7" />
<stop offset="1" stop-color="#d1ceeb" />
</linearGradient>
<linearGradient
id="l"
x1="55.127"
x2="418.137"
y1="188.753"
y2="188.753"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="78"
x2="342.004"
y1="188.753"
y2="188.753"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffe177" />
<stop offset="1" stop-color="#feb237" />
</linearGradient>
<linearGradient
id="n"
x1="122"
x2="407.446"
y1="130.348"
y2="130.348"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="89.755"
x2="289.54"
y1="356.565"
y2="356.565"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="-1.488"
x2="262.516"
y1="356.565"
y2="356.565"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fe646f" />
<stop offset=".121" stop-color="#fe556d" />
<stop offset=".352" stop-color="#fe2e69" />
<stop offset=".573" stop-color="#fe0364" />
<stop offset="1" stop-color="#d2024e" />
</linearGradient>
<linearGradient
id="q"
x1="126.559"
x2="283.656"
y1="306.348"
y2="306.348"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#fff3be" />
<stop offset=".573" stop-color="#bbec6c" />
<stop offset="1" stop-color="#81b823" />
</linearGradient>
<linearGradient
id="r"
x1="207"
x2="403.471"
y1="356.565"
y2="356.565"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="151"
x2="356.002"
y1="130.348"
y2="130.348"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="200"
x2="382.044"
y1="356.565"
y2="356.565"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="u"
x1="40.513"
x2="245.515"
y1="306.348"
y2="306.348"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#f)"
d="M75.103 493.024V16.976C75.103 7.601 82.704 0 92.079 0H417.92c9.376 0 16.976 7.6 16.976 16.976v476.048c0 9.376-7.6 16.976-16.976 16.976H92.079c-9.375 0-16.976-7.6-16.976-16.976z"
/>
<path
fill="url(#g)"
d="M417.921 0h-40.432c9.376 0 16.976 7.6 16.976 16.976v476.048c0 9.376-7.6 16.976-16.976 16.976h40.432c9.376 0 16.976-7.6 16.976-16.976V16.976C434.897 7.6 427.296 0 417.921 0z"
/>
<path
fill="url(#h)"
d="M380.867 51.291h-53.381c-8.651 0-15.665 6.769-15.665 15.119s-7.013 15.119-15.665 15.119h-82.312c-8.651 0-15.665-6.769-15.665-15.119s-7.013-15.119-15.665-15.119h-53.381c-7.51 0-13.598 5.876-13.598 13.125v381.165c0 7.249 6.088 13.125 13.598 13.125h251.733c7.51 0 13.598-5.876 13.598-13.125V64.416c.001-7.249-6.087-13.125-13.597-13.125z"
/>
<path
fill="url(#i)"
d="M258.474 26.292H221c-6.883 0-12.787 5.385-12.912 12.267-.128 7.011 5.516 12.733 12.498 12.733h37.889c6.904 0 12.5-5.596 12.5-12.5-.001-6.903-5.597-12.5-12.501-12.5z"
/>
<path
fill="url(#j)"
d="M289.617 26.303c-6.791.11-12.576 5.446-12.701 12.256-.128 7.011 5.516 12.733 12.498 12.733 6.904 0 12.5-5.596 12.5-12.5.001-6.835-5.488-12.38-12.297-12.489z"
/>
<path
fill="url(#k)"
d="M289.415 26.292c.068 0 .134.009.203.01.071-.001.14-.01.212-.01z"
/>
<path
fill="url(#l)"
d="M353.114 267.373H156.886c-13.667 0-24.747-11.079-24.747-24.747V134.879c0-13.667 11.079-24.747 24.747-24.747h196.228c13.667 0 24.747 11.079 24.747 24.747v107.748c0 13.667-11.08 24.746-24.747 24.746z"
/>
<path
fill="url(#m)"
d="M353.114 110.132h-40.432c13.667 0 24.747 11.08 24.747 24.747v107.748c0 13.667-11.08 24.747-24.747 24.747h40.432c13.667 0 24.747-11.08 24.747-24.747V134.879c0-13.667-11.08-24.747-24.747-24.747z"
/>
<path
fill="url(#n)"
d="M132.139 134.879v15.685h245.722v-15.685c0-13.667-11.08-24.747-24.747-24.747H156.886c-13.667 0-24.747 11.08-24.747 24.747z"
/>
<path
fill="url(#o)"
d="M242.627 426.998h-85.741c-13.667 0-24.747-11.079-24.747-24.747v-91.373c0-13.667 11.079-24.747 24.747-24.747h85.741c13.667 0 24.747 11.079 24.747 24.747v91.373c-.001 13.668-11.08 24.747-24.747 24.747z"
/>
<path
fill="url(#p)"
d="M242.627 286.132h-40.432c13.667 0 24.747 11.08 24.747 24.747v91.372c0 13.667-11.08 24.747-24.747 24.747h40.432c13.667 0 24.747-11.08 24.747-24.747v-91.372c-.001-13.667-11.08-24.747-24.747-24.747z"
/>
<path
fill="url(#q)"
d="M132.139 310.879v15.685h135.234v-15.685c0-13.667-11.08-24.747-24.747-24.747h-85.741c-13.666 0-24.746 11.08-24.746 24.747z"
/>
<path
fill="url(#r)"
d="M353.114 426.998h-38.826c-13.667 0-24.747-11.079-24.747-24.747v-91.373c0-13.667 11.079-24.747 24.747-24.747h38.826c13.667 0 24.747 11.079 24.747 24.747v91.373c0 13.668-11.08 24.747-24.747 24.747z"
/>
<path
fill="url(#s)"
d="M337.429 134.879v15.685h40.432v-15.685c0-13.667-11.08-24.747-24.747-24.747h-40.432c13.667 0 24.747 11.08 24.747 24.747z"
/>
<path
fill="url(#t)"
d="M353.114 286.132h-38.826c-.269 0-.536.012-.803.02 13.295.425 23.944 11.328 23.944 24.726v91.373c0 13.398-10.649 24.302-23.944 24.727.267.009.534.02.803.02h38.826c13.667 0 24.747-11.08 24.747-24.747v-91.373c0-13.666-11.08-24.746-24.747-24.746z"
/>
<path
fill="url(#u)"
d="M226.941 310.879v15.685h40.432v-15.685c0-13.667-11.08-24.747-24.747-24.747h-40.432c13.668 0 24.747 11.08 24.747 24.747z"
/>
</svg>
More icons in the same style and category