Add icons to this collection by clicking the heart icon.
Smartphone icon - also known as technology, smartphone, iphone, mobile phone, touch screen, battery, cellphone, and communications. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-43.393"
x2="19.964"
y1="571.106"
y2="634.466"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M360 0H152c-22.08.026-39.974 17.92-40 40v432c.026 22.08 17.92 39.974 40 40h208c22.08-.026 39.974-17.92 40-40V40c-.026-22.08-17.92-39.974-40-40zM128 72h256v328H128V72zm24-56h208c13.255 0 24 10.745 24 24v16H128V40c0-13.255 10.745-24 24-24zm208 480H152c-13.255 0-24-10.745-24-24v-56h256v56c0 13.255-10.745 24-24 24z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.893"
x2="32.464"
y1="558.606"
y2="621.966"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M256 424c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 48c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-45.393"
x2="17.964"
y1="573.106"
y2="636.466"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M368 208h-24v-24a8 8 0 0 0-8-8H144a8 8 0 0 0-8 8v112a8 8 0 0 0 8 8h192a8 8 0 0 0 8-8v-24h24a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8zm-40 80H152v-96h176v96zm32-32h-16v-32h16v32z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-45.393"
x2="17.964"
y1="573.106"
y2="636.466"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M240 200a8 8 0 0 0-8 8v64a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-47.393"
x2="15.964"
y1="575.106"
y2="638.466"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M208 200a8 8 0 0 0-8 8v64a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-49.393"
x2="13.964"
y1="577.106"
y2="640.466"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M176 200a8 8 0 0 0-8 8v64a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-35.643"
x2="27.714"
y1="563.356"
y2="626.716"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path d="M160 472h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-50.642"
x2="12.715"
y1="578.355"
y2="641.715"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path d="M352 48h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-23.537"
x2="39.817"
y1="551.253"
y2="614.613"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M368 440a8 8 0 0 0-8 8v24h-24a8 8 0 0 0 0 16h24c8.837 0 16-7.163 16-16v-24a8 8 0 0 0-8-8z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category