Add icons to this collection by clicking the heart icon.
Phone icon - also known as technology, smartphone, iphone, phone, mobile phone, touch screen, windows, cellphone, and electronics. Created in a clean lineal color style with a white, gray, teal, navy, and orange 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 469.333c0 11.76-9.573 21.333-21.333 21.333H128c-11.76 0-21.333-9.573-21.333-21.333V42.667c0-11.76 9.573-21.333 21.333-21.333h256c11.76 0 21.333 9.573 21.333 21.333v426.666z"
fill="#5c6671"
/>
<linearGradient
id="a"
x1="-38.959"
x2="-32.714"
y1="640.869"
y2="637.957"
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 245.333 224-224h42.666L106.667 288z" fill="url(#a)" />
<linearGradient
id="b"
x1="-44.368"
x2="-25.038"
y1="638.991"
y2="629.977"
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 469.333c0 11.76-9.573 21.333-21.333 21.333H128c-11.76 0-21.333-9.573-21.333-21.333V42.667c0-11.76 9.573-21.333 21.333-21.333h256c11.76 0 21.333 9.573 21.333 21.333v426.666z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-38.255"
x2="-31.161"
y1="637.389"
y2="634.085"
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 352 405.333 53.333v53.334L106.667 405.333z"
fill="url(#c)"
/>
<path
d="M288 42.667h-64c-5.896 0-10.667 4.771-10.667 10.667S218.104 64 224 64h64c5.896 0 10.667-4.771 10.667-10.667S293.896 42.667 288 42.667zM181.333 448H160a10.66 10.66 0 0 0-10.667 10.667A10.66 10.66 0 0 0 160 469.334h21.333A10.66 10.66 0 0 0 192 458.667 10.66 10.66 0 0 0 181.333 448zM352 448h-21.333A10.66 10.66 0 0 0 320 458.667a10.66 10.66 0 0 0 10.667 10.667H352a10.66 10.66 0 0 0 10.667-10.667A10.66 10.66 0 0 0 352 448zM350.938 160.052l-192 19.198c-5.448.542-9.604 5.135-9.604 10.615v153.604c0 5.479 4.156 10.073 9.604 10.615l192 19.198a10.668 10.668 0 0 0 8.219-2.708 10.645 10.645 0 0 0 3.51-7.906v-192c0-3.01-1.271-5.885-3.51-7.906-2.23-2.012-5.199-2.929-8.219-2.71z"
fill="#303c42"
/>
<path d="M341.333 257.115H256v-65.016l85.333-8.536z" fill="#7cb342" />
<path d="M234.667 194.233v62.882h-64v-56.48z" fill="#ff8f00" />
<path d="M170.667 278.448h64v62.881l-64-6.402z" fill="#1e88e5" />
<path d="M256 343.464v-65.016h85.333V352z" fill="#ffca28" />
<path
d="M256 192.099v8.583l85.333-7.567v-9.552zM170.667 200.635v7.616l64-5.677v-8.341z"
opacity=".2"
fill="#fff"
/>
<path
d="m170.667 334.927 64 6.402v-8.342l-64-5.676zM256 343.464 341.333 352v-9.552L256 334.879z"
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