phone disconnect icon
phone-disconnect-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- phone-disconnect-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
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="M228.79 93C174.15 38.34 81.85 38.34 27.21 93c-18.52 18.5-20.31 45.81-4.36 66.39a12 12 0 0 0 13.83 3.77l49-17.39l.15-.06a12 12 0 0 0 7.31-8.79l5.9-29.51a3.93 3.93 0 0 1 2.51-3a80.6 80.6 0 0 1 52.5-.12a3.94 3.94 0 0 1 2.52 2.94l6.24 29.77a12 12 0 0 0 7.29 8.69l.15.06l49.07 17.41a12 12 0 0 0 13.83-3.77c15.95-20.58 14.16-47.89-4.36-66.39m-2 61.51a4 4 0 0 1-4.61 1.21l-.15-.06L173 138.24a4 4 0 0 1-2.37-2.87l-6.21-29.75a12 12 0 0 0-7.75-8.87a88.63 88.63 0 0 0-57.74.14a12 12 0 0 0-7.72 9l-5.9 29.51a4 4 0 0 1-2.31 2.86l-49 17.38l-.15.06a4 4 0 0 1-4.61-1.21c-13.42-17.3-11.9-40.26 3.69-55.85C58.65 72.85 93.33 60 128 60s69.35 12.89 95.13 38.68c15.58 15.55 17.11 38.51 3.69 55.81ZM220 200a4 4 0 0 1-4 4H40a4 4 0 0 1 0-8h176a4 4 0 0 1 4 4"/></svg>
React
import type { SVGProps } from "react";
export function PhPhoneDisconnectThin(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="M228.79 93C174.15 38.34 81.85 38.34 27.21 93c-18.52 18.5-20.31 45.81-4.36 66.39a12 12 0 0 0 13.83 3.77l49-17.39l.15-.06a12 12 0 0 0 7.31-8.79l5.9-29.51a3.93 3.93 0 0 1 2.51-3a80.6 80.6 0 0 1 52.5-.12a3.94 3.94 0 0 1 2.52 2.94l6.24 29.77a12 12 0 0 0 7.29 8.69l.15.06l49.07 17.41a12 12 0 0 0 13.83-3.77c15.95-20.58 14.16-47.89-4.36-66.39m-2 61.51a4 4 0 0 1-4.61 1.21l-.15-.06L173 138.24a4 4 0 0 1-2.37-2.87l-6.21-29.75a12 12 0 0 0-7.75-8.87a88.63 88.63 0 0 0-57.74.14a12 12 0 0 0-7.72 9l-5.9 29.51a4 4 0 0 1-2.31 2.86l-49 17.38l-.15.06a4 4 0 0 1-4.61-1.21c-13.42-17.3-11.9-40.26 3.69-55.85C58.65 72.85 93.33 60 128 60s69.35 12.89 95.13 38.68c15.58 15.55 17.11 38.51 3.69 55.81ZM220 200a4 4 0 0 1-4 4H40a4 4 0 0 1 0-8h176a4 4 0 0 1 4 4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228.79 93C174.15 38.34 81.85 38.34 27.21 93c-18.52 18.5-20.31 45.81-4.36 66.39a12 12 0 0 0 13.83 3.77l49-17.39l.15-.06a12 12 0 0 0 7.31-8.79l5.9-29.51a3.93 3.93 0 0 1 2.51-3a80.6 80.6 0 0 1 52.5-.12a3.94 3.94 0 0 1 2.52 2.94l6.24 29.77a12 12 0 0 0 7.29 8.69l.15.06l49.07 17.41a12 12 0 0 0 13.83-3.77c15.95-20.58 14.16-47.89-4.36-66.39m-2 61.51a4 4 0 0 1-4.61 1.21l-.15-.06L173 138.24a4 4 0 0 1-2.37-2.87l-6.21-29.75a12 12 0 0 0-7.75-8.87a88.63 88.63 0 0 0-57.74.14a12 12 0 0 0-7.72 9l-5.9 29.51a4 4 0 0 1-2.31 2.86l-49 17.38l-.15.06a4 4 0 0 1-4.61-1.21c-13.42-17.3-11.9-40.26 3.69-55.85C58.65 72.85 93.33 60 128 60s69.35 12.89 95.13 38.68c15.58 15.55 17.11 38.51 3.69 55.81ZM220 200a4 4 0 0 1-4 4H40a4 4 0 0 1 0-8h176a4 4 0 0 1 4 4"/></svg> </template>
CSS
.icon-phone-disconnect-thin {
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%22M228.79%2093C174.15%2038.34%2081.85%2038.34%2027.21%2093c-18.52%2018.5-20.31%2045.81-4.36%2066.39a12%2012%200%200%200%2013.83%203.77l49-17.39l.15-.06a12%2012%200%200%200%207.31-8.79l5.9-29.51a3.93%203.93%200%200%201%202.51-3a80.6%2080.6%200%200%201%2052.5-.12a3.94%203.94%200%200%201%202.52%202.94l6.24%2029.77a12%2012%200%200%200%207.29%208.69l.15.06l49.07%2017.41a12%2012%200%200%200%2013.83-3.77c15.95-20.58%2014.16-47.89-4.36-66.39m-2%2061.51a4%204%200%200%201-4.61%201.21l-.15-.06L173%20138.24a4%204%200%200%201-2.37-2.87l-6.21-29.75a12%2012%200%200%200-7.75-8.87a88.63%2088.63%200%200%200-57.74.14a12%2012%200%200%200-7.72%209l-5.9%2029.51a4%204%200%200%201-2.31%202.86l-49%2017.38l-.15.06a4%204%200%200%201-4.61-1.21c-13.42-17.3-11.9-40.26%203.69-55.85C58.65%2072.85%2093.33%2060%20128%2060s69.35%2012.89%2095.13%2038.68c15.58%2015.55%2017.11%2038.51%203.69%2055.81ZM220%20200a4%204%200%200%201-4%204H40a4%204%200%200%201%200-8h176a4%204%200%200%201%204%204%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%22M228.79%2093C174.15%2038.34%2081.85%2038.34%2027.21%2093c-18.52%2018.5-20.31%2045.81-4.36%2066.39a12%2012%200%200%200%2013.83%203.77l49-17.39l.15-.06a12%2012%200%200%200%207.31-8.79l5.9-29.51a3.93%203.93%200%200%201%202.51-3a80.6%2080.6%200%200%201%2052.5-.12a3.94%203.94%200%200%201%202.52%202.94l6.24%2029.77a12%2012%200%200%200%207.29%208.69l.15.06l49.07%2017.41a12%2012%200%200%200%2013.83-3.77c15.95-20.58%2014.16-47.89-4.36-66.39m-2%2061.51a4%204%200%200%201-4.61%201.21l-.15-.06L173%20138.24a4%204%200%200%201-2.37-2.87l-6.21-29.75a12%2012%200%200%200-7.75-8.87a88.63%2088.63%200%200%200-57.74.14a12%2012%200%200%200-7.72%209l-5.9%2029.51a4%204%200%200%201-2.31%202.86l-49%2017.38l-.15.06a4%204%200%200%201-4.61-1.21c-13.42-17.3-11.9-40.26%203.69-55.85C58.65%2072.85%2093.33%2060%20128%2060s69.35%2012.89%2095.13%2038.68c15.58%2015.55%2017.11%2038.51%203.69%2055.81ZM220%20200a4%204%200%200%201-4%204H40a4%204%200%200%201%200-8h176a4%204%200%200%201%204%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/phone-disconnect-thin.svg?color=%231a73e8&size=48
