Add icons to this collection by clicking the heart icon.
Smartphone icon - also known as technology, smartphone, iphone, mobile phone, touch screen, cellphone, and communications. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-39.307"
x2="-38.1"
y1="644.588"
y2="643.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M160 64h21.333C187.221 64 192 59.221 192 53.333s-4.779-10.667-10.667-10.667H160c-5.888 0-10.667 4.779-10.667 10.667S154.112 64 160 64z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-39.41"
x2="-37.996"
y1="626.192"
y2="624.777"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<circle cx="170.667" cy="448" r="21.333" fill="url(#b)" />
<linearGradient
id="c"
x1="-47.763"
x2="-29.643"
y1="643.544"
y2="625.424"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M448 213.333v-32c0-5.888-4.779-10.667-10.667-10.667H320V32c0-17.643-14.357-32-32-32H53.333c-17.643 0-32 14.357-32 32v448c0 17.643 14.357 32 32 32H288c17.643 0 32-14.357 32-32V362.667h117.333c5.888 0 10.667-4.779 10.667-10.667v-32h21.333c11.776 0 21.333-9.579 21.333-21.333v-64c0-11.755-9.557-21.333-21.333-21.333H448zM298.667 480c0 5.888-4.8 10.667-10.667 10.667H53.333c-5.867 0-10.667-4.779-10.667-10.667V32c0-5.888 4.8-10.667 10.667-10.667H288c5.867 0 10.667 4.779 10.667 10.667v138.667H160c-5.888 0-10.667 4.779-10.667 10.667V352c0 5.888 4.779 10.667 10.667 10.667h138.667V480zm170.666-181.333h-32c-5.888 0-10.667 4.779-10.667 10.667v32h-256V192h256v32c0 5.888 4.779 10.667 10.667 10.667h32v64z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-35.057"
x2="-29.35"
y1="636.838"
y2="631.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M394.667 256c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-32V224c0-5.888-4.779-10.667-10.667-10.667h-42.667c-25.771 0-47.296 18.347-52.267 42.667h-54.4c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h54.4c4.949 24.32 26.496 42.667 52.267 42.667H352c5.888 0 10.667-4.779 10.667-10.667v-10.667h32c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-32V256h32zm-53.334 42.667h-32c-17.643 0-32-14.357-32-32s14.357-32 32-32h32v64z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category