Add icons to this collection by clicking the heart icon.
Smartphone icon - also known as technology, camera, photo, smartphone, picture, touch screen, mobile, photo camera, cellphone, ui, and electronics. 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="640"
height="640"
viewBox="-16 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="104"
x2="104"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="136"
x2="136"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="168"
x2="168"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="200"
x2="200"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="208"
x2="208"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="137.731"
x2="137.731"
y1="499.175"
y2="-12.873"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="115.043"
x2="115.043"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="96.659"
x2="96.659"
y1="499.173"
y2="-12.875"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="83.097"
x2="83.097"
y1="499.173"
y2="-12.875"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="74.792"
x2="74.792"
y1="499.179"
y2="-12.869"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="72"
x2="72"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="74.792"
x2="74.792"
y1="499.174"
y2="-12.874"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="83.091"
x2="83.091"
y1="499.178"
y2="-12.87"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="96.657"
x2="96.657"
y1="499.177"
y2="-12.871"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="115.047"
x2="115.047"
y1="499.177"
y2="-12.871"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="137.733"
x2="137.733"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="164.008"
x2="164.008"
y1="499.178"
y2="-12.87"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="396.956"
x2="396.956"
y1="499.178"
y2="-12.87"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="415.341"
x2="415.341"
y1="499.173"
y2="-12.875"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="428.901"
x2="428.901"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="437.205"
x2="437.205"
y1="499.171"
y2="-12.877"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="440"
x2="440"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="437.217"
x2="437.217"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="428.905"
x2="428.905"
y1="499.174"
y2="-12.874"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="415.344"
x2="415.344"
y1="499.175"
y2="-12.873"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="397.159"
x2="397.159"
y1="499.258"
y2="-12.895"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="B"
x1="384"
x2="384"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="C"
x1="344"
x2="344"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="D"
x1="360"
x2="360"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="E"
x1="256"
x2="256"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="F"
x1="272"
x2="272"
y1="499.176"
y2="-12.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M96 72h16v16H96zm0 0" />
<path fill="url(#c)" d="M128 72h16v16h-16zm0 0" />
<path fill="url(#d)" d="M160 72h16v16h-16zm0 0" />
<path fill="url(#e)" d="M192 72h16v16h-16zm0 0" />
<path
fill="url(#f)"
d="M416 272c-.094-69.844-45.402-131.586-112-152.625V40c-.027-22.082-17.918-39.973-40-40H40C17.918.027.027 17.918 0 40v400c.027 22.082 17.918 39.973 40 40h224c22.082-.027 39.973-17.918 40-40v-15.375c66.598-21.04 111.906-82.781 112-152.625zm-16 0c0 79.527-64.473 144-144 144s-144-64.473-144-144 64.473-144 144-144c79.492.094 143.906 64.508 144 144zM96 16h112v16a8 8 0 0 1-8 8h-96a8 8 0 0 1-8-8zm192 424c0 13.254-10.746 24-24 24H40c-13.254 0-24-10.746-24-24V40c0-13.254 10.746-24 24-24h40v16c0 13.254 10.746 24 24 24h96c13.254 0 24-10.746 24-24V16h40c13.254 0 24 10.746 24 24v75.2c-63.57-12.907-128.645 13.843-164.758 67.734-36.11 53.886-36.11 124.246 0 178.132C159.355 414.957 224.43 441.707 288 428.801zm0 0"
/>
<path
fill="url(#g)"
d="m126.457 130.059 12.262-10.286 10.285 12.258-12.266 10.285zm0 0"
/>
<path
fill="url(#h)"
d="m103.773 154.719 10.286-12.258 12.257 10.281-10.28 12.262zm0 0"
/>
<path
fill="url(#i)"
d="m85.73 182.922 7.997-13.848 13.847 7.996-7.996 13.848zm0 0"
/>
<path
fill="url(#j)"
d="m72.84 213.848 5.472-15.036 15.036 5.47-5.473 15.034zm0 0"
/>
<path
fill="url(#k)"
d="m65.527 246.543 2.778-15.758 15.757 2.778-2.777 15.757zm0 0"
/>
<path fill="url(#l)" d="M64 264h16v16H64zm0 0" />
<path
fill="url(#m)"
d="m65.527 297.46 15.754-2.776 2.778 15.753-15.754 2.778zm0 0"
/>
<path
fill="url(#n)"
d="m72.836 330.145 15.035-5.47 5.473 15.036-15.035 5.469zm0 0"
/>
<path fill="url(#o)" d="m85.73 361.074 13.848-8 8 13.848-13.848 8zm0 0" />
<path
fill="url(#p)"
d="m103.773 389.285 12.262-10.281 10.281 12.258-12.257 10.281zm0 0"
/>
<path
fill="url(#q)"
d="m126.46 413.941 10.278-12.261 12.27 10.285-10.281 12.262zm0 0"
/>
<path fill="url(#r)" d="m153.078 434.285 8-13.86 13.856 8-8 13.86zm0 0" />
<path
fill="url(#s)"
d="m385.684 152.738 12.257-10.281 10.282 12.258L395.965 165zm0 0"
/>
<path
fill="url(#t)"
d="m404.426 177.066 13.847-7.996 7.997 13.848-13.848 8zm0 0"
/>
<path
fill="url(#u)"
d="m418.648 204.281 15.036-5.469 5.468 15.036-15.035 5.468zm0 0"
/>
<path
fill="url(#v)"
d="m427.941 233.555 15.754-2.778 2.778 15.754-15.754 2.778zm0 0"
/>
<path fill="url(#w)" d="M432 264h16v16h-16zm0 0" />
<path
fill="url(#x)"
d="m427.945 310.441 2.778-15.757 15.757 2.777-2.777 15.758zm0 0"
/>
<path
fill="url(#y)"
d="m418.648 339.707 5.47-15.035 15.034 5.473-5.468 15.035zm0 0"
/>
<path fill="url(#z)" d="m404.422 366.926 8-13.852 13.848 8-8 13.848zm0 0" />
<path
fill="url(#A)"
d="m385.758 391.367 10.285-12.254 12.258 10.285-10.29 12.258zm0 0"
/>
<path fill="url(#B)" d="M376 64h16V48h16V32h-16V16h-16v16h-16v16h16zm0 0" />
<path fill="url(#C)" d="M320 80h48v16h-48zm0 0" />
<path fill="url(#B)" d="M360 112h48v16h-48zm0 0" />
<path
fill="url(#D)"
d="M368 416h-16v16h-16v16h16v16h16v-16h16v-16h-16zm0 0"
/>
<path
fill="url(#E)"
d="M152 208v128a8 8 0 0 0 8 8h192a8 8 0 0 0 8-8V208a8 8 0 0 0-8-8H160a8 8 0 0 0-8 8zm16 8h176v112H168zm0 0"
/>
<path
fill="url(#F)"
d="M272 232c-22.09 0-40 17.91-40 40s17.91 40 40 40 40-17.91 40-40c-.027-22.082-17.918-39.973-40-40zm0 64c-13.254 0-24-10.746-24-24s10.746-24 24-24 24 10.746 24 24-10.746 24-24 24zm0 0"
/>
<path fill="url(#e)" d="M184 232h32v16h-32zm0 0" />
</svg>
More icons in the same style and category