phone icon
phone from Line Awesome by Icons8 · Line · Status · Apache-2.0 Free for personal and commercial use.
- Name
- phone
- Set
- Line Awesome
- Style
- Line
- Category
- Status
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- phone-solid
The same icon in other sets
phoneAkar Iconsphone-filledAnt Design IconsphoneBootstrap IconsphoneBoxIcons v2phoneBoxIcons v2 SolidphoneCarbonphoneElement Plusphone-fillEva IconsphoneFramework7 IconsphoneFont Awesome 6 SolidphoneFont Awesome SolidphoneFeather Iconsphone-outlineFlowbite Iconsphone-12-filledFluent UI System Iconsphone-16Fluent UI System Color Iconsphonecss.ggphoneHealth IconsphoneHeroIconsphoneHuge IconsphoneHumbleiconsphoneIconParkphoneIconPark OutlinephoneIconPark SolidphoneIconPark TwoTone
More status icons from Line Awesome
banbattery-emptybattery-fullbattery-halfbattery-quarterbattery-three-quartersbellbell-slashbell-slash-solidbell-solidcalendarcalendar-altcalendar-alt-solidcalendar-checkcalendar-check-solidcalendar-daycalendar-minuscalendar-minus-solidcalendar-pluscalendar-plus-solidcalendar-solidcalendar-timescalendar-times-solidcalendar-week
Use the phone icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.656 3c-.523 0-1.039.188-1.469.531l-.062.031l-.031.032l-3.125 3.219l.031.03a3.13 3.13 0 0 0-.844 3.376c.004.008-.004.023 0 .031c.848 2.426 3.016 7.11 7.25 11.344c4.25 4.25 8.996 6.332 11.344 7.25h.031a3.59 3.59 0 0 0 3.469-.688L28.406 25c.828-.828.828-2.266 0-3.094l-4.062-4.062l-.032-.063c-.828-.828-2.296-.828-3.125 0l-2 2a16.2 16.2 0 0 1-4.093-2.812c-1.637-1.563-2.473-3.36-2.781-4.063l2-2c.84-.84.855-2.238-.032-3.062l.031-.032l-.093-.093l-4-4.125l-.031-.031l-.063-.032A2.36 2.36 0 0 0 8.656 3m0 2a.35.35 0 0 1 .219.094l4 4.093l.094.094c-.008-.008.058.098-.063.219l-2.5 2.5l-.469.438l.22.624s1.148 3.075 3.562 5.376l.219.187C16.261 20.746 19 21.906 19 21.906l.625.282l2.969-2.97c.172-.171.14-.171.312 0L27 23.314c.172.171.172.109 0 .28l-3.063 3.063c-.46.395-.949.477-1.53.282c-2.266-.891-6.669-2.825-10.595-6.75c-3.957-3.958-6.023-8.446-6.78-10.625c-.153-.407-.044-1.008.312-1.313l.062-.063l3.032-3.093A.35.35 0 0 1 8.655 5z"/></svg>
React
import type { SVGProps } from "react";
export function LaPhone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.656 3c-.523 0-1.039.188-1.469.531l-.062.031l-.031.032l-3.125 3.219l.031.03a3.13 3.13 0 0 0-.844 3.376c.004.008-.004.023 0 .031c.848 2.426 3.016 7.11 7.25 11.344c4.25 4.25 8.996 6.332 11.344 7.25h.031a3.59 3.59 0 0 0 3.469-.688L28.406 25c.828-.828.828-2.266 0-3.094l-4.062-4.062l-.032-.063c-.828-.828-2.296-.828-3.125 0l-2 2a16.2 16.2 0 0 1-4.093-2.812c-1.637-1.563-2.473-3.36-2.781-4.063l2-2c.84-.84.855-2.238-.032-3.062l.031-.032l-.093-.093l-4-4.125l-.031-.031l-.063-.032A2.36 2.36 0 0 0 8.656 3m0 2a.35.35 0 0 1 .219.094l4 4.093l.094.094c-.008-.008.058.098-.063.219l-2.5 2.5l-.469.438l.22.624s1.148 3.075 3.562 5.376l.219.187C16.261 20.746 19 21.906 19 21.906l.625.282l2.969-2.97c.172-.171.14-.171.312 0L27 23.314c.172.171.172.109 0 .28l-3.063 3.063c-.46.395-.949.477-1.53.282c-2.266-.891-6.669-2.825-10.595-6.75c-3.957-3.958-6.023-8.446-6.78-10.625c-.153-.407-.044-1.008.312-1.313l.062-.063l3.032-3.093A.35.35 0 0 1 8.655 5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.656 3c-.523 0-1.039.188-1.469.531l-.062.031l-.031.032l-3.125 3.219l.031.03a3.13 3.13 0 0 0-.844 3.376c.004.008-.004.023 0 .031c.848 2.426 3.016 7.11 7.25 11.344c4.25 4.25 8.996 6.332 11.344 7.25h.031a3.59 3.59 0 0 0 3.469-.688L28.406 25c.828-.828.828-2.266 0-3.094l-4.062-4.062l-.032-.063c-.828-.828-2.296-.828-3.125 0l-2 2a16.2 16.2 0 0 1-4.093-2.812c-1.637-1.563-2.473-3.36-2.781-4.063l2-2c.84-.84.855-2.238-.032-3.062l.031-.032l-.093-.093l-4-4.125l-.031-.031l-.063-.032A2.36 2.36 0 0 0 8.656 3m0 2a.35.35 0 0 1 .219.094l4 4.093l.094.094c-.008-.008.058.098-.063.219l-2.5 2.5l-.469.438l.22.624s1.148 3.075 3.562 5.376l.219.187C16.261 20.746 19 21.906 19 21.906l.625.282l2.969-2.97c.172-.171.14-.171.312 0L27 23.314c.172.171.172.109 0 .28l-3.063 3.063c-.46.395-.949.477-1.53.282c-2.266-.891-6.669-2.825-10.595-6.75c-3.957-3.958-6.023-8.446-6.78-10.625c-.153-.407-.044-1.008.312-1.313l.062-.063l3.032-3.093A.35.35 0 0 1 8.655 5z"/></svg> </template>
CSS
.icon-phone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.656%203c-.523%200-1.039.188-1.469.531l-.062.031l-.031.032l-3.125%203.219l.031.03a3.13%203.13%200%200%200-.844%203.376c.004.008-.004.023%200%20.031c.848%202.426%203.016%207.11%207.25%2011.344c4.25%204.25%208.996%206.332%2011.344%207.25h.031a3.59%203.59%200%200%200%203.469-.688L28.406%2025c.828-.828.828-2.266%200-3.094l-4.062-4.062l-.032-.063c-.828-.828-2.296-.828-3.125%200l-2%202a16.2%2016.2%200%200%201-4.093-2.812c-1.637-1.563-2.473-3.36-2.781-4.063l2-2c.84-.84.855-2.238-.032-3.062l.031-.032l-.093-.093l-4-4.125l-.031-.031l-.063-.032A2.36%202.36%200%200%200%208.656%203m0%202a.35.35%200%200%201%20.219.094l4%204.093l.094.094c-.008-.008.058.098-.063.219l-2.5%202.5l-.469.438l.22.624s1.148%203.075%203.562%205.376l.219.187C16.261%2020.746%2019%2021.906%2019%2021.906l.625.282l2.969-2.97c.172-.171.14-.171.312%200L27%2023.314c.172.171.172.109%200%20.28l-3.063%203.063c-.46.395-.949.477-1.53.282c-2.266-.891-6.669-2.825-10.595-6.75c-3.957-3.958-6.023-8.446-6.78-10.625c-.153-.407-.044-1.008.312-1.313l.062-.063l3.032-3.093A.35.35%200%200%201%208.655%205z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.656%203c-.523%200-1.039.188-1.469.531l-.062.031l-.031.032l-3.125%203.219l.031.03a3.13%203.13%200%200%200-.844%203.376c.004.008-.004.023%200%20.031c.848%202.426%203.016%207.11%207.25%2011.344c4.25%204.25%208.996%206.332%2011.344%207.25h.031a3.59%203.59%200%200%200%203.469-.688L28.406%2025c.828-.828.828-2.266%200-3.094l-4.062-4.062l-.032-.063c-.828-.828-2.296-.828-3.125%200l-2%202a16.2%2016.2%200%200%201-4.093-2.812c-1.637-1.563-2.473-3.36-2.781-4.063l2-2c.84-.84.855-2.238-.032-3.062l.031-.032l-.093-.093l-4-4.125l-.031-.031l-.063-.032A2.36%202.36%200%200%200%208.656%203m0%202a.35.35%200%200%201%20.219.094l4%204.093l.094.094c-.008-.008.058.098-.063.219l-2.5%202.5l-.469.438l.22.624s1.148%203.075%203.562%205.376l.219.187C16.261%2020.746%2019%2021.906%2019%2021.906l.625.282l2.969-2.97c.172-.171.14-.171.312%200L27%2023.314c.172.171.172.109%200%20.28l-3.063%203.063c-.46.395-.949.477-1.53.282c-2.266-.891-6.669-2.825-10.595-6.75c-3.957-3.958-6.023-8.446-6.78-10.625c-.153-.407-.044-1.008.312-1.313l.062-.063l3.032-3.093A.35.35%200%200%201%208.655%205z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/phone.svg?color=%231a73e8&size=48
