Add icons to this collection by clicking the heart icon.
Phone icon - also known as technology, smartphone, phone, mobile phone, settings, cogwheel, cellphone, and electronics. 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"
>
<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)"
/>
<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="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="m365.25 202.979-20.438-5.083 10.833-18.083c2.521-4.188 1.854-9.563-1.604-13.021l-30.167-30.167c-3.479-3.5-8.833-4.104-13.021-1.604l-18.083 10.833-5.083-20.438a10.674 10.674 0 0 0-10.354-8.083h-42.667a10.673 10.673 0 0 0-10.354 8.083l-5.104 20.438-18.083-10.833c-4.188-2.5-9.542-1.896-13.021 1.604l-30.167 30.167c-3.458 3.458-4.125 8.833-1.604 13.021l10.833 18.083-20.417 5.083a10.674 10.674 0 0 0-8.083 10.354V256c0 4.896 3.333 9.167 8.083 10.354l20.438 5.104-10.854 18.083c-2.521 4.188-1.854 9.563 1.604 13.021l30.167 30.167c3.479 3.479 8.875 4.104 13.021 1.604l18.083-10.854 5.104 20.438A10.674 10.674 0 0 0 234.666 352h42.667c4.896 0 9.167-3.333 10.354-8.083l5.083-20.417 18.083 10.833c4.125 2.5 9.542 1.875 13.021-1.604l30.167-30.167c3.458-3.458 4.125-8.833 1.604-13.021l-10.833-18.083 20.438-5.104A10.674 10.674 0 0 0 373.333 256v-42.667c0-4.895-3.333-9.166-8.083-10.354zM256 266.667c-17.646 0-32-14.354-32-32s14.354-32 32-32 32 14.354 32 32-14.354 32-32 32z"
fill="#303c42"
/>
<path
d="M333.667 217.104a10.648 10.648 0 0 1-7.5-6.875c-.938-2.75-2-5.417-3.229-7.979a10.612 10.612 0 0 1 .458-10.104L333.063 176l-18.396-18.396-16.146 9.667a10.62 10.62 0 0 1-10.104.458c-2.563-1.229-5.229-2.292-7.979-3.229-3.417-1.167-6-4-6.875-7.5L269 138.667h-26L238.417 157a10.648 10.648 0 0 1-6.875 7.5c-2.771.958-5.417 2-8 3.25-3.25 1.5-7 1.375-10.083-.479l-16.146-9.667-18.396 18.375 9.688 16.167a10.677 10.677 0 0 1 .438 10.167c-1.25 2.542-2.292 5.188-3.229 7.917-1.167 3.417-4 6-7.5 6.875L160 221.667v26l18.313 4.583a10.69 10.69 0 0 1 7.5 6.875c.938 2.75 2 5.375 3.25 7.938a10.692 10.692 0 0 1-.458 10.146l-9.688 16.167 18.375 18.375 16.167-9.688c3.063-1.896 6.875-2.021 10.146-.458a68.093 68.093 0 0 0 7.938 3.25c3.396 1.167 6 4 6.875 7.5L243 330.667h26l4.563-18.313a10.648 10.648 0 0 1 6.875-7.5c2.729-.938 5.375-1.979 7.917-3.229a10.514 10.514 0 0 1 10.167.438l16.167 9.688 18.375-18.396-9.667-16.146a10.627 10.627 0 0 1-.479-10.083c1.25-2.583 2.292-5.229 3.25-8 1.167-3.417 4-6 7.5-6.875L352 247.667v-26l-18.333-4.563zM256 288c-29.417 0-53.333-23.917-53.333-53.333s23.917-53.333 53.333-53.333c29.417 0 53.333 23.917 53.333 53.333S285.417 288 256 288z"
fill="#e6e6e6"
/>
<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