phone icon

phone from Font Awesome Solid by Dave Gandy · Solid · Business · CC-BY-4.0 Attribution required.

Name
phone
Set
Font Awesome Solid
Style
Solid
Category
Business
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

phoneAkar Iconsphone-filledAnt Design IconsphoneBootstrap IconsphoneBoxIcons v2phoneBoxIcons v2 SolidphoneCarbonphoneElement Plusphone-fillEva IconsphoneFramework7 IconsphoneFont Awesome 6 SolidphoneFeather Iconsphone-outlineFlowbite Iconsphone-12-filledFluent UI System Iconsphone-16Fluent UI System Color Iconsphonecss.ggphoneHealth IconsphoneHeroIconsphoneHuge IconsphoneHumbleiconsphoneIconParkphoneIconPark OutlinephoneIconPark SolidphoneIconPark TwoTonephoneIconoir

More business icons from Font Awesome Solid

address-bookaddress-cardarchivebalance-scalebalance-scale-leftbalance-scale-rightbirthday-cakebookbriefcasebullhornbullseyebusiness-timecalculatorcalendarcalendar-altcertificatechart-areachart-barchart-pieclipboardcolumnscompasscopycopyright

Use the phone icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224.2 89c-7.9-18.9-28.5-28.9-48.1-23.6l-5.5 1.5C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4l1.5-5.5c5.4-19.7-4.7-40.3-23.5-48.1l-97.3-40.5c-16.5-6.9-35.6-2.1-47 11.8l-38.6 47.2c-70.3-34.9-126.9-93.3-159.4-165l44.2-36c13.9-11.3 18.6-30.4 11.8-47z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidPhone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224.2 89c-7.9-18.9-28.5-28.9-48.1-23.6l-5.5 1.5C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4l1.5-5.5c5.4-19.7-4.7-40.3-23.5-48.1l-97.3-40.5c-16.5-6.9-35.6-2.1-47 11.8l-38.6 47.2c-70.3-34.9-126.9-93.3-159.4-165l44.2-36c13.9-11.3 18.6-30.4 11.8-47z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224.2 89c-7.9-18.9-28.5-28.9-48.1-23.6l-5.5 1.5C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4l1.5-5.5c5.4-19.7-4.7-40.3-23.5-48.1l-97.3-40.5c-16.5-6.9-35.6-2.1-47 11.8l-38.6 47.2c-70.3-34.9-126.9-93.3-159.4-165l44.2-36c13.9-11.3 18.6-30.4 11.8-47z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224.2%2089c-7.9-18.9-28.5-28.9-48.1-23.6l-5.5%201.5C106%2084.5%2050.8%20147.1%2066.9%20223.3C104%20398.3%20241.7%20536%20416.7%20573.1C493%20589.3%20555.5%20534%20573.1%20469.4l1.5-5.5c5.4-19.7-4.7-40.3-23.5-48.1l-97.3-40.5c-16.5-6.9-35.6-2.1-47%2011.8l-38.6%2047.2c-70.3-34.9-126.9-93.3-159.4-165l44.2-36c13.9-11.3%2018.6-30.4%2011.8-47z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224.2%2089c-7.9-18.9-28.5-28.9-48.1-23.6l-5.5%201.5C106%2084.5%2050.8%20147.1%2066.9%20223.3C104%20398.3%20241.7%20536%20416.7%20573.1C493%20589.3%20555.5%20534%20573.1%20469.4l1.5-5.5c5.4-19.7-4.7-40.3-23.5-48.1l-97.3-40.5c-16.5-6.9-35.6-2.1-47%2011.8l-38.6%2047.2c-70.3-34.9-126.9-93.3-159.4-165l44.2-36c13.9-11.3%2018.6-30.4%2011.8-47z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/phone.svg?color=%231a73e8&size=48