Add icons to this collection by clicking the heart icon.
User Interface icon - also known as smartphone, phone, design, app, art and design, user experience, and user interface. Created in a clean lineal 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 64 64"
>
<defs>
<linearGradient
id="a"
x1="34"
x2="34"
y1="2.808"
y2="64.222"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="30"
x2="30"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="c"
x1="32"
x2="32"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="d"
x1="12"
x2="12"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="e"
x1="16"
x2="16"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="f"
x1="20"
x2="20"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="g"
x1="24"
x2="24"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="h"
x1="28"
x2="28"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="i"
x1="43"
x2="43"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="j"
x1="50"
x2="50"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="k"
x1="48"
x2="48"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="l"
x1="32.5"
x2="32.5"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="m"
x1="22"
x2="22"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="n"
x1="40"
x2="40"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="o"
x1="26"
x2="26"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="p"
x1="36"
x2="36"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="q"
x1="44.5"
x2="44.5"
y1="2.808"
y2="64.222"
href="#a"
/>
<linearGradient
id="r"
x1="52"
x2="52"
y1="2.808"
y2="64.222"
href="#a"
/>
</defs>
<g>
<path d="M33 10h2v2h-2z" fill="url(#a)" />
<path d="M29 10h2v2h-2z" fill="url(#b)" />
<path d="M31 52h2v2h-2z" fill="url(#c)" />
<path d="M11 22h2v2h-2z" fill="url(#d)" />
<path d="M15 22h2v2h-2z" fill="url(#e)" />
<path d="M19 22h2v2h-2z" fill="url(#f)" />
<path d="M23 22h2v2h-2z" fill="url(#g)" />
<path d="M27 22h2v2h-2z" fill="url(#h)" />
<path d="M42 40h2v2h-2z" fill="url(#i)" />
<path d="M46 40h8v2h-8z" fill="url(#j)" />
<path d="M42 44h12v2H42zM42 48h12v2H42z" fill="url(#k)" />
<path
d="M15 7v11H8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h7v29a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1v-3h8a1 1 0 0 0 1-1V37a1 1 0 0 0-1-1h-8V7a1 1 0 0 0-1-1H16a1 1 0 0 0-1 1ZM9 20h22v6H9Zm38 36H17v-6h21v3a1 1 0 0 0 1 1h8Zm9-4H40V38h16ZM39 36a1 1 0 0 0-1 1v11H17V28h15a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1H17v-2h30v20Zm8-28v6H17V8Z"
fill="url(#l)"
/>
<path
d="M32 31h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1Zm-1 4h-2v-2h2Z"
fill="url(#b)"
/>
<path
d="M20 37h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Zm1-4h2v2h-2Z"
fill="url(#m)"
/>
<path
d="M42.793 24.855a4 4 0 1 0-5.586 0A5 5 0 0 0 35 29v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4a5 5 0 0 0-2.207-4.145ZM38 22a2 2 0 1 1 2 2 2 2 0 0 1-2-2Zm5 10h-6v-3a3 3 0 0 1 6 0Z"
fill="url(#n)"
/>
<path d="M19 39h2v2h-2z" fill="url(#f)" />
<path d="M23 39h10v2H23z" fill="url(#h)" />
<path d="M19 43h14v2H19z" fill="url(#o)" />
<path d="M26 60h20v2H26z" fill="url(#p)" />
<path d="M11 31h2v16h-2z" fill="url(#d)" />
<path
d="M53 6a4 4 0 0 0-4-4H36v2h13a2 2 0 0 1 2 2v16h2Z"
fill="url(#q)"
/>
<path d="M51 24h2v2h-2z" fill="url(#r)" />
</g>
</svg>
More icons in the same style and category