Add icons to this collection by clicking the heart icon.
Smartphone icon - also known as technology, smartphone, iphone, mobile phone, touch screen, cellphone, cloud computing, 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="-39.311"
x2="20.929"
y1="575.186"
y2="635.431"
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="-26.808"
x2="33.432"
y1="562.692"
y2="622.933"
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="-40.005"
x2="20.235"
y1="575.886"
y2="636.126"
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="M332.536 203.408a67.805 67.805 0 0 0-11.904-24.728l29.024-29.024a8 8 0 0 0-11.312-11.312L309.48 167.2c-29.15-23.679-71.976-19.244-95.655 9.905a68.007 68.007 0 0 0-12.865 25.135c-23.469-4.535-46.17 10.815-50.705 34.283-4.535 23.469 10.815 46.17 34.283 50.705 1.433.277 2.88.481 4.333.612l-26.528 26.528a8 8 0 0 0-.196 11.312 8 8 0 0 0 11.508 0L211.312 288h108.216c2.902.02 5.798-.267 8.64-.856 23.435-4.773 38.563-27.641 33.79-51.076a43.304 43.304 0 0 0-29.422-32.66zM192.472 272c-15.073.258-27.501-11.752-27.759-26.825-.258-15.073 11.752-27.501 26.825-27.759.311-.005.623-.005.935 0a26.762 26.762 0 0 1 11.264 2.4 8 8 0 0 0 11.288-6.304c3.462-28.407 29.297-48.629 57.704-45.167a51.807 51.807 0 0 1 25.264 10.319L204.688 272h-12.216zm132.416-.52c-1.763.366-3.56.54-5.36.52h-92.216l81.736-81.736a51.664 51.664 0 0 1 8.8 21.048 8 8 0 0 0 6.504 6.544c14.829 2.711 24.653 16.93 21.942 31.76a27.295 27.295 0 0 1-21.414 21.84l.008.024z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-31.563"
x2="28.683"
y1="567.438"
y2="627.683"
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(#d)" />
<linearGradient
id="e"
x1="-46.56"
x2="13.675"
y1="582.436"
y2="642.676"
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(#e)" />
<linearGradient
id="f"
x1="-19.458"
x2="40.784"
y1="555.336"
y2="615.576"
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(#f)"
/>
</svg>
More icons in the same style and category