square phone icon

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

Name: square-phone
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Use the square phone icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M160 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm88 96.7c9.8-2.7 20.1 2.4 24 11.8l20.3 48.7c3.4 8.3 1.1 17.8-5.9 23.5l-22.1 18c16.2 35.8 44.5 65 79.6 82.4l19.3-23.6c5.7-6.9 15.2-9.3 23.5-5.9l48.7 20.3c9.4 3.9 14.4 14.2 11.8 24l-.8 2.8c-8.8 32.3-40.1 59.9-78.2 51.8c-87.5-18.5-156.3-87.4-174.9-174.9c-8.1-38.1 19.5-69.4 51.8-78.2l2.8-.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidSquarePhone(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="M160 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm88 96.7c9.8-2.7 20.1 2.4 24 11.8l20.3 48.7c3.4 8.3 1.1 17.8-5.9 23.5l-22.1 18c16.2 35.8 44.5 65 79.6 82.4l19.3-23.6c5.7-6.9 15.2-9.3 23.5-5.9l48.7 20.3c9.4 3.9 14.4 14.2 11.8 24l-.8 2.8c-8.8 32.3-40.1 59.9-78.2 51.8c-87.5-18.5-156.3-87.4-174.9-174.9c-8.1-38.1 19.5-69.4 51.8-78.2l2.8-.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M160 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm88 96.7c9.8-2.7 20.1 2.4 24 11.8l20.3 48.7c3.4 8.3 1.1 17.8-5.9 23.5l-22.1 18c16.2 35.8 44.5 65 79.6 82.4l19.3-23.6c5.7-6.9 15.2-9.3 23.5-5.9l48.7 20.3c9.4 3.9 14.4 14.2 11.8 24l-.8 2.8c-8.8 32.3-40.1 59.9-78.2 51.8c-87.5-18.5-156.3-87.4-174.9-174.9c-8.1-38.1 19.5-69.4 51.8-78.2l2.8-.8z"/></svg>
</template>

CSS

.icon-square-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%22M160%2096c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64zm88%2096.7c9.8-2.7%2020.1%202.4%2024%2011.8l20.3%2048.7c3.4%208.3%201.1%2017.8-5.9%2023.5l-22.1%2018c16.2%2035.8%2044.5%2065%2079.6%2082.4l19.3-23.6c5.7-6.9%2015.2-9.3%2023.5-5.9l48.7%2020.3c9.4%203.9%2014.4%2014.2%2011.8%2024l-.8%202.8c-8.8%2032.3-40.1%2059.9-78.2%2051.8c-87.5-18.5-156.3-87.4-174.9-174.9c-8.1-38.1%2019.5-69.4%2051.8-78.2l2.8-.8z%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%22M160%2096c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64zm88%2096.7c9.8-2.7%2020.1%202.4%2024%2011.8l20.3%2048.7c3.4%208.3%201.1%2017.8-5.9%2023.5l-22.1%2018c16.2%2035.8%2044.5%2065%2079.6%2082.4l19.3-23.6c5.7-6.9%2015.2-9.3%2023.5-5.9l48.7%2020.3c9.4%203.9%2014.4%2014.2%2011.8%2024l-.8%202.8c-8.8%2032.3-40.1%2059.9-78.2%2051.8c-87.5-18.5-156.3-87.4-174.9-174.9c-8.1-38.1%2019.5-69.4%2051.8-78.2l2.8-.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

square phone icon

The same icon in other sets

Related icons in Font Awesome Solid

Use the square phone icon

SVG

React

Vue

CSS