phone disconnect icon

phone-disconnect from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: phone-disconnect
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

phone-disconnect-bold phone-disconnect-duotone phone-disconnect-fill phone-disconnect-light phone-disconnect-thin

Related icons in Phosphor

phone-call phone-incoming phone-list phone-outgoing phone-pause phone-plus phone-slash phone-transfer phone-x

Use the phone disconnect icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M231.59 90.13C175.44 34 80.56 34 24.41 90.13c-20 20-21.92 49.49-4.69 71.71A16 16 0 0 0 32.35 168a15.8 15.8 0 0 0 5.75-1.08l49-17.37l.29-.11a16 16 0 0 0 9.75-11.73l5.9-29.52a76.52 76.52 0 0 1 49.68-.11l6.21 29.75a16 16 0 0 0 9.72 11.59l.29.11l49 17.39a16 16 0 0 0 18.38-5.06c17.19-22.24 15.26-51.73-4.73-71.73M223.67 152l-.3-.12l-48.82-17.33l-6.21-29.74A16 16 0 0 0 158 93a92.56 92.56 0 0 0-60.34.13a16 16 0 0 0-10.32 12l-5.9 29.51l-48.81 17.22c-.1 0-.17.13-.27.17c-12.33-15.91-11-36.23 3.36-50.58c25-25 58.65-37.53 92.28-37.53s67.27 12.51 92.28 37.53c14.33 14.35 15.72 34.67 3.39 50.55m.32 48a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPhoneDisconnect(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="M231.59 90.13C175.44 34 80.56 34 24.41 90.13c-20 20-21.92 49.49-4.69 71.71A16 16 0 0 0 32.35 168a15.8 15.8 0 0 0 5.75-1.08l49-17.37l.29-.11a16 16 0 0 0 9.75-11.73l5.9-29.52a76.52 76.52 0 0 1 49.68-.11l6.21 29.75a16 16 0 0 0 9.72 11.59l.29.11l49 17.39a16 16 0 0 0 18.38-5.06c17.19-22.24 15.26-51.73-4.73-71.73M223.67 152l-.3-.12l-48.82-17.33l-6.21-29.74A16 16 0 0 0 158 93a92.56 92.56 0 0 0-60.34.13a16 16 0 0 0-10.32 12l-5.9 29.51l-48.81 17.22c-.1 0-.17.13-.27.17c-12.33-15.91-11-36.23 3.36-50.58c25-25 58.65-37.53 92.28-37.53s67.27 12.51 92.28 37.53c14.33 14.35 15.72 34.67 3.39 50.55m.32 48a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M231.59 90.13C175.44 34 80.56 34 24.41 90.13c-20 20-21.92 49.49-4.69 71.71A16 16 0 0 0 32.35 168a15.8 15.8 0 0 0 5.75-1.08l49-17.37l.29-.11a16 16 0 0 0 9.75-11.73l5.9-29.52a76.52 76.52 0 0 1 49.68-.11l6.21 29.75a16 16 0 0 0 9.72 11.59l.29.11l49 17.39a16 16 0 0 0 18.38-5.06c17.19-22.24 15.26-51.73-4.73-71.73M223.67 152l-.3-.12l-48.82-17.33l-6.21-29.74A16 16 0 0 0 158 93a92.56 92.56 0 0 0-60.34.13a16 16 0 0 0-10.32 12l-5.9 29.51l-48.81 17.22c-.1 0-.17.13-.27.17c-12.33-15.91-11-36.23 3.36-50.58c25-25 58.65-37.53 92.28-37.53s67.27 12.51 92.28 37.53c14.33 14.35 15.72 34.67 3.39 50.55m.32 48a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8Z"/></svg>
</template>

CSS

.icon-phone-disconnect {
  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%22M231.59%2090.13C175.44%2034%2080.56%2034%2024.41%2090.13c-20%2020-21.92%2049.49-4.69%2071.71A16%2016%200%200%200%2032.35%20168a15.8%2015.8%200%200%200%205.75-1.08l49-17.37l.29-.11a16%2016%200%200%200%209.75-11.73l5.9-29.52a76.52%2076.52%200%200%201%2049.68-.11l6.21%2029.75a16%2016%200%200%200%209.72%2011.59l.29.11l49%2017.39a16%2016%200%200%200%2018.38-5.06c17.19-22.24%2015.26-51.73-4.73-71.73M223.67%20152l-.3-.12l-48.82-17.33l-6.21-29.74A16%2016%200%200%200%20158%2093a92.56%2092.56%200%200%200-60.34.13a16%2016%200%200%200-10.32%2012l-5.9%2029.51l-48.81%2017.22c-.1%200-.17.13-.27.17c-12.33-15.91-11-36.23%203.36-50.58c25-25%2058.65-37.53%2092.28-37.53s67.27%2012.51%2092.28%2037.53c14.33%2014.35%2015.72%2034.67%203.39%2050.55m.32%2048a8%208%200%200%201-8%208H40a8%208%200%200%201%200-16h176a8%208%200%200%201%208%208Z%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%22M231.59%2090.13C175.44%2034%2080.56%2034%2024.41%2090.13c-20%2020-21.92%2049.49-4.69%2071.71A16%2016%200%200%200%2032.35%20168a15.8%2015.8%200%200%200%205.75-1.08l49-17.37l.29-.11a16%2016%200%200%200%209.75-11.73l5.9-29.52a76.52%2076.52%200%200%201%2049.68-.11l6.21%2029.75a16%2016%200%200%200%209.72%2011.59l.29.11l49%2017.39a16%2016%200%200%200%2018.38-5.06c17.19-22.24%2015.26-51.73-4.73-71.73M223.67%20152l-.3-.12l-48.82-17.33l-6.21-29.74A16%2016%200%200%200%20158%2093a92.56%2092.56%200%200%200-60.34.13a16%2016%200%200%200-10.32%2012l-5.9%2029.51l-48.81%2017.22c-.1%200-.17.13-.27.17c-12.33-15.91-11-36.23%203.36-50.58c25-25%2058.65-37.53%2092.28-37.53s67.27%2012.51%2092.28%2037.53c14.33%2014.35%2015.72%2034.67%203.39%2050.55m.32%2048a8%208%200%200%201-8%208H40a8%208%200%200%201%200-16h176a8%208%200%200%201%208%208Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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