Add icons to this collection by clicking the heart icon.
Mobile Phone icon - also known as technology, arrows, smartphone, mobile phone, telephone, telephone call, cellphone, phone call, and communications. Created in a clean lineal color style with a white, gray, and navy finish, 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"
>
<path
d="M384 0H128c-23.521 0-42.667 19.146-42.667 42.667v426.667C85.333 492.854 104.479 512 128 512h256c23.521 0 42.667-19.146 42.667-42.667V42.667C426.667 19.146 407.521 0 384 0z"
fill="#303c42"
/>
<path
d="M128 21.333h256c11.771 0 21.333 9.563 21.333 21.333v362.667H106.667V42.667c0-11.771 9.562-21.334 21.333-21.334z"
fill="#5c6671"
/>
<linearGradient
id="a"
x1="-43.672"
x2="-25.576"
y1="640.484"
y2="632.047"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M128 21.333h256c11.771 0 21.333 9.563 21.333 21.333v362.667H106.667V42.667c0-11.771 9.562-21.334 21.333-21.334z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-42.556"
x2="-26.851"
y1="644.046"
y2="628.337"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M128 21.333h256c11.771 0 21.333 9.563 21.333 21.333v362.667H106.667V42.667c0-11.771 9.562-21.334 21.333-21.334z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-39.664"
x2="-34.507"
y1="641.863"
y2="639.462"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".05" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path d="M106.667 192 277.333 21.333H320L106.667 234.667z" fill="url(#c)" />
<linearGradient
id="d"
x1="-38.51"
x2="-31.651"
y1="639.828"
y2="636.628"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".05" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M384 21.333h-10.667L106.667 288v42.667L403.375 33.958c-3.349-7.406-10.734-12.625-19.375-12.625z"
fill="url(#d)"
/>
<path
d="M245.333 64h21.333c5.896 0 10.667-4.771 10.667-10.667s-4.771-10.667-10.667-10.667h-21.333c-5.896 0-10.667 4.771-10.667 10.667S239.438 64 245.333 64z"
fill="#303c42"
/>
<path
d="M288 448h-64a10.66 10.66 0 0 0-10.667 10.667A10.66 10.66 0 0 0 224 469.334h64a10.66 10.66 0 0 0 10.667-10.667A10.66 10.66 0 0 0 288 448z"
fill="#f2f2f2"
/>
<circle cx="373.333" cy="53.333" r="10.667" fill="#303c42" />
<path
d="M188.875 210.208 256 143.083l67.125 67.125a10.634 10.634 0 0 0 7.542 3.125c2.729 0 5.458-1.042 7.542-3.125 4.167-4.167 4.167-10.917 0-15.083l-74.667-74.667c-4.167-4.167-10.917-4.167-15.083 0l-74.667 74.667c-4.167 4.167-4.167 10.917 0 15.083 4.166 4.167 10.916 4.167 15.083 0zM248.458 348.875A10.634 10.634 0 0 0 256 352c2.729 0 5.458-1.042 7.542-3.125l74.667-74.667c4.167-4.167 4.167-10.917 0-15.083-4.167-4.167-10.917-4.167-15.083 0L256 326.25l-67.125-67.125c-4.167-4.167-10.917-4.167-15.083 0-4.167 4.167-4.167 10.917 0 15.083l74.666 74.667z"
fill="#303c42"
/>
<linearGradient
id="e"
x1="-45.274"
x2="-24.132"
y1="639.414"
y2="629.555"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M384 0H128c-23.521 0-42.667 19.146-42.667 42.667v426.667C85.333 492.854 104.479 512 128 512h256c23.521 0 42.667-19.146 42.667-42.667V42.667C426.667 19.146 407.521 0 384 0z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category