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="-40.978"
x2="26.235"
y1="573.525"
y2="640.73"
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="-28.477"
x2="38.736"
y1="561.024"
y2="628.23"
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="-42.657"
x2="24.546"
y1="575.204"
y2="642.409"
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="M359.384 227.776a43.088 43.088 0 0 0-26.848-24.368c-9.172-36.418-46.131-58.505-82.549-49.332a68 68 0 0 0-49.027 48.164c-23.452-4.665-46.246 10.565-50.911 34.017s10.565 46.246 34.017 50.911c2.768.551 5.584.829 8.406.832h72a8 8 0 0 0 0-16h-72c-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.63-28.488 29.668-48.64 58.156-45.01 22.676 2.889 40.805 20.249 44.676 42.778a8 8 0 0 0 6.504 6.544 27.09 27.09 0 0 1 20.296 16.184 8.002 8.002 0 1 0 14.728-6.264l-.001.032z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-35.978"
x2="31.235"
y1="568.525"
y2="635.73"
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="m330.344 250.344-48 48a8 8 0 0 0-.196 11.312 8 8 0 0 0 11.508 0l48-48a8 8 0 0 0-11.312-11.312z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-33.228"
x2="33.98"
y1="565.772"
y2="632.98"
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(#e)" />
<linearGradient
id="f"
x1="-48.228"
x2="18.98"
y1="580.772"
y2="647.98"
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(#f)" />
<linearGradient
id="g"
x1="-21.125"
x2="46.085"
y1="553.669"
y2="620.876"
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(#g)"
/>
</svg>
More icons in the same style and category