Add icons to this collection by clicking the heart icon.
Phone icon - also known as technology, smartphone, phone, mobile phone, system, operating, electronics, and android. 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.531 0-42.667 19.135-42.667 42.667v426.667C85.333 492.865 104.469 512 128 512h256c23.531 0 42.667-19.135 42.667-42.667V42.667C426.667 19.135 407.531 0 384 0z"
fill="#303c42"
/>
<path
d="M405.333 448H106.667V42.667c0-11.76 9.573-21.333 21.333-21.333h256c11.76 0 21.333 9.573 21.333 21.333V448z"
fill="#5c6671"
/>
<linearGradient
id="a"
x1="-44.054"
x2="-25.193"
y1="639.663"
y2="630.868"
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="M405.333 448H106.667V42.667c0-11.76 9.573-21.333 21.333-21.333h256c11.76 0 21.333 9.573 21.333 21.333V448z"
fill="url(#a)"
/>
<linearGradient
id="b"
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(#b)" />
<linearGradient
id="c"
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(#c)"
/>
<path
d="M266.667 42.667h-21.333c-5.896 0-10.667 4.771-10.667 10.667S239.438 64 245.333 64h21.333c5.896 0 10.667-4.771 10.667-10.667s-4.77-10.666-10.666-10.666z"
fill="#303c42"
/>
<circle cx="373.333" cy="53.333" r="10.667" fill="#303c42" />
<path
d="M213.333 339.368v33.965A10.66 10.66 0 0 0 224 384a10.66 10.66 0 0 0 10.667-10.667v-32h42.667v32A10.66 10.66 0 0 0 288.001 384a10.66 10.66 0 0 0 10.667-10.667v-33.965C311.056 334.951 320 323.221 320 309.333v-96c0-13.799-4.49-26.508-11.945-36.971l8.82-8.82c4.167-4.167 4.167-10.917 0-15.083-4.167-4.167-10.917-4.167-15.083 0l-8.82 8.82c-10.464-7.456-23.172-11.945-36.971-11.945-13.799 0-26.508 4.49-36.971 11.945l-8.82-8.82c-4.167-4.167-10.917-4.167-15.083 0-4.167 4.167-4.167 10.917 0 15.083l8.82 8.82C196.49 186.826 192 199.534 192 213.333v96c0 13.888 8.944 25.618 21.333 30.035z"
fill="#303c42"
/>
<path
d="M288 320h-64c-5.885 0-10.667-4.781-10.667-10.667v-74.667h85.333v74.667C298.667 315.219 293.885 320 288 320zM256 170.667c23.531 0 42.667 19.135 42.667 42.667h-85.333c-.001-23.532 19.135-42.667 42.666-42.667z"
fill="#7cb342"
/>
<path
d="M341.333 320A10.66 10.66 0 0 0 352 309.333V224c0-5.896-4.771-10.667-10.667-10.667s-10.667 4.771-10.667 10.667v85.333A10.662 10.662 0 0 0 341.333 320zM170.667 320a10.66 10.66 0 0 0 10.667-10.667V224c0-5.896-4.771-10.667-10.667-10.667S160 218.104 160 224v85.333A10.66 10.66 0 0 0 170.667 320z"
fill="#303c42"
/>
<path
d="M261.103 175.77c10.464 0 19.932 3.931 27.362 10.202-7.832-9.277-19.397-15.305-32.465-15.305-23.531 0-42.667 19.135-42.667 42.667h5.618c2.557-21.105 20.368-37.564 42.152-37.564z"
opacity=".2"
fill="#fff"
/>
<path
d="M293.564 234.667v69.564c0 5.885-4.781 10.667-10.667 10.667h-64c-1.621 0-3.117-.422-4.493-1.07 1.706 3.622 5.332 6.173 9.596 6.173h64c5.885 0 10.667-4.781 10.667-10.667v-74.667h-5.103z"
opacity=".1"
/>
<linearGradient
id="d"
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.531 0-42.667 19.135-42.667 42.667v426.667C85.333 492.865 104.469 512 128 512h256c23.531 0 42.667-19.135 42.667-42.667V42.667C426.667 19.135 407.531 0 384 0z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category