phone icon
phone-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- phone-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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
Related icons in Phosphor
Use the phone icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m224 154.8l-47.09-21.11l-.18-.08a19.94 19.94 0 0 0-19 1.75a13 13 0 0 0-1.12.84l-22.31 19c-13-7.05-26.43-20.37-33.49-33.21l19.06-22.66a12 12 0 0 0 .85-1.15a20 20 0 0 0 1.66-18.83a1.4 1.4 0 0 1-.08-.18L101.2 32a20.06 20.06 0 0 0-20.78-11.85A60.27 60.27 0 0 0 28 80c0 81.61 66.39 148 148 148a60.27 60.27 0 0 0 59.85-52.42A20.06 20.06 0 0 0 224 154.8M176 204A124.15 124.15 0 0 1 52 80a36.29 36.29 0 0 1 28.48-35.54l18.82 42l-19.16 22.82a12 12 0 0 0-.86 1.16A20 20 0 0 0 78 130.08c9.42 19.28 28.83 38.56 48.31 48a20 20 0 0 0 19.69-1.45a12 12 0 0 0 1.11-.85l22.43-19.07l42 18.81A36.29 36.29 0 0 1 176 204"/></svg>
React
import type { SVGProps } from "react";
export function PhPhoneBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m224 154.8l-47.09-21.11l-.18-.08a19.94 19.94 0 0 0-19 1.75a13 13 0 0 0-1.12.84l-22.31 19c-13-7.05-26.43-20.37-33.49-33.21l19.06-22.66a12 12 0 0 0 .85-1.15a20 20 0 0 0 1.66-18.83a1.4 1.4 0 0 1-.08-.18L101.2 32a20.06 20.06 0 0 0-20.78-11.85A60.27 60.27 0 0 0 28 80c0 81.61 66.39 148 148 148a60.27 60.27 0 0 0 59.85-52.42A20.06 20.06 0 0 0 224 154.8M176 204A124.15 124.15 0 0 1 52 80a36.29 36.29 0 0 1 28.48-35.54l18.82 42l-19.16 22.82a12 12 0 0 0-.86 1.16A20 20 0 0 0 78 130.08c9.42 19.28 28.83 38.56 48.31 48a20 20 0 0 0 19.69-1.45a12 12 0 0 0 1.11-.85l22.43-19.07l42 18.81A36.29 36.29 0 0 1 176 204"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m224 154.8l-47.09-21.11l-.18-.08a19.94 19.94 0 0 0-19 1.75a13 13 0 0 0-1.12.84l-22.31 19c-13-7.05-26.43-20.37-33.49-33.21l19.06-22.66a12 12 0 0 0 .85-1.15a20 20 0 0 0 1.66-18.83a1.4 1.4 0 0 1-.08-.18L101.2 32a20.06 20.06 0 0 0-20.78-11.85A60.27 60.27 0 0 0 28 80c0 81.61 66.39 148 148 148a60.27 60.27 0 0 0 59.85-52.42A20.06 20.06 0 0 0 224 154.8M176 204A124.15 124.15 0 0 1 52 80a36.29 36.29 0 0 1 28.48-35.54l18.82 42l-19.16 22.82a12 12 0 0 0-.86 1.16A20 20 0 0 0 78 130.08c9.42 19.28 28.83 38.56 48.31 48a20 20 0 0 0 19.69-1.45a12 12 0 0 0 1.11-.85l22.43-19.07l42 18.81A36.29 36.29 0 0 1 176 204"/></svg> </template>
CSS
.icon-phone-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m224%20154.8l-47.09-21.11l-.18-.08a19.94%2019.94%200%200%200-19%201.75a13%2013%200%200%200-1.12.84l-22.31%2019c-13-7.05-26.43-20.37-33.49-33.21l19.06-22.66a12%2012%200%200%200%20.85-1.15a20%2020%200%200%200%201.66-18.83a1.4%201.4%200%200%201-.08-.18L101.2%2032a20.06%2020.06%200%200%200-20.78-11.85A60.27%2060.27%200%200%200%2028%2080c0%2081.61%2066.39%20148%20148%20148a60.27%2060.27%200%200%200%2059.85-52.42A20.06%2020.06%200%200%200%20224%20154.8M176%20204A124.15%20124.15%200%200%201%2052%2080a36.29%2036.29%200%200%201%2028.48-35.54l18.82%2042l-19.16%2022.82a12%2012%200%200%200-.86%201.16A20%2020%200%200%200%2078%20130.08c9.42%2019.28%2028.83%2038.56%2048.31%2048a20%2020%200%200%200%2019.69-1.45a12%2012%200%200%200%201.11-.85l22.43-19.07l42%2018.81A36.29%2036.29%200%200%201%20176%20204%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m224%20154.8l-47.09-21.11l-.18-.08a19.94%2019.94%200%200%200-19%201.75a13%2013%200%200%200-1.12.84l-22.31%2019c-13-7.05-26.43-20.37-33.49-33.21l19.06-22.66a12%2012%200%200%200%20.85-1.15a20%2020%200%200%200%201.66-18.83a1.4%201.4%200%200%201-.08-.18L101.2%2032a20.06%2020.06%200%200%200-20.78-11.85A60.27%2060.27%200%200%200%2028%2080c0%2081.61%2066.39%20148%20148%20148a60.27%2060.27%200%200%200%2059.85-52.42A20.06%2020.06%200%200%200%20224%20154.8M176%20204A124.15%20124.15%200%200%201%2052%2080a36.29%2036.29%200%200%201%2028.48-35.54l18.82%2042l-19.16%2022.82a12%2012%200%200%200-.86%201.16A20%2020%200%200%200%2078%20130.08c9.42%2019.28%2028.83%2038.56%2048.31%2048a20%2020%200%200%200%2019.69-1.45a12%2012%200%200%200%201.11-.85l22.43-19.07l42%2018.81A36.29%2036.29%200%200%201%20176%20204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/phone-bold.svg?color=%231a73e8&size=48
