phone slash icon

phone-slash-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
phone-slash-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

The same icon in other sets

Related icons in Phosphor

Use the phone slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 1 0-6 5.38l31.52 34.63A137.7 137.7 0 0 0 27.21 109c-18.52 18.53-20.31 45.83-4.36 66.4a12 12 0 0 0 13.83 3.77l49-17.39l.15-.05a12 12 0 0 0 7.31-8.79l5.9-29.51a3.92 3.92 0 0 1 2.51-3a79.4 79.4 0 0 1 11.4-3l92.07 101.26a4 4 0 1 0 5.92-5.38Zm48 75.6a12 12 0 0 0-7.72 9l-5.9 29.51a4 4 0 0 1-2.37 2.9l-49 17.38l-.15.06a4 4 0 0 1-4.61-1.21c-13.42-17.29-11.9-40.25 3.69-55.84a130.06 130.06 0 0 1 49.39-30.99l24.44 26.88q-3.97.98-7.83 2.31Zm134.15 62.49a12 12 0 0 1-13.83 3.77l-9.31-3.3a4 4 0 1 1 2.68-7.54l9.37 3.32l.15.06a4 4 0 0 0 4.61-1.21c13.42-17.29 11.9-40.25-3.69-55.84c-26.47-26.46-63.79-40.48-102.41-38.47a4 4 0 1 1-.41-8c40.86-2.12 80.41 12.74 108.48 40.8c18.52 18.54 20.31 45.84 4.36 66.41"/></svg>

React

import type { SVGProps } from "react";

export function PhPhoneSlashThin(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="M51 37.31a4 4 0 1 0-6 5.38l31.52 34.63A137.7 137.7 0 0 0 27.21 109c-18.52 18.53-20.31 45.83-4.36 66.4a12 12 0 0 0 13.83 3.77l49-17.39l.15-.05a12 12 0 0 0 7.31-8.79l5.9-29.51a3.92 3.92 0 0 1 2.51-3a79.4 79.4 0 0 1 11.4-3l92.07 101.26a4 4 0 1 0 5.92-5.38Zm48 75.6a12 12 0 0 0-7.72 9l-5.9 29.51a4 4 0 0 1-2.37 2.9l-49 17.38l-.15.06a4 4 0 0 1-4.61-1.21c-13.42-17.29-11.9-40.25 3.69-55.84a130.06 130.06 0 0 1 49.39-30.99l24.44 26.88q-3.97.98-7.83 2.31Zm134.15 62.49a12 12 0 0 1-13.83 3.77l-9.31-3.3a4 4 0 1 1 2.68-7.54l9.37 3.32l.15.06a4 4 0 0 0 4.61-1.21c13.42-17.29 11.9-40.25-3.69-55.84c-26.47-26.46-63.79-40.48-102.41-38.47a4 4 0 1 1-.41-8c40.86-2.12 80.41 12.74 108.48 40.8c18.52 18.54 20.31 45.84 4.36 66.41"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 1 0-6 5.38l31.52 34.63A137.7 137.7 0 0 0 27.21 109c-18.52 18.53-20.31 45.83-4.36 66.4a12 12 0 0 0 13.83 3.77l49-17.39l.15-.05a12 12 0 0 0 7.31-8.79l5.9-29.51a3.92 3.92 0 0 1 2.51-3a79.4 79.4 0 0 1 11.4-3l92.07 101.26a4 4 0 1 0 5.92-5.38Zm48 75.6a12 12 0 0 0-7.72 9l-5.9 29.51a4 4 0 0 1-2.37 2.9l-49 17.38l-.15.06a4 4 0 0 1-4.61-1.21c-13.42-17.29-11.9-40.25 3.69-55.84a130.06 130.06 0 0 1 49.39-30.99l24.44 26.88q-3.97.98-7.83 2.31Zm134.15 62.49a12 12 0 0 1-13.83 3.77l-9.31-3.3a4 4 0 1 1 2.68-7.54l9.37 3.32l.15.06a4 4 0 0 0 4.61-1.21c13.42-17.29 11.9-40.25-3.69-55.84c-26.47-26.46-63.79-40.48-102.41-38.47a4 4 0 1 1-.41-8c40.86-2.12 80.41 12.74 108.48 40.8c18.52 18.54 20.31 45.84 4.36 66.41"/></svg>
</template>

CSS

.icon-phone-slash-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%22M51%2037.31a4%204%200%201%200-6%205.38l31.52%2034.63A137.7%20137.7%200%200%200%2027.21%20109c-18.52%2018.53-20.31%2045.83-4.36%2066.4a12%2012%200%200%200%2013.83%203.77l49-17.39l.15-.05a12%2012%200%200%200%207.31-8.79l5.9-29.51a3.92%203.92%200%200%201%202.51-3a79.4%2079.4%200%200%201%2011.4-3l92.07%20101.26a4%204%200%201%200%205.92-5.38Zm48%2075.6a12%2012%200%200%200-7.72%209l-5.9%2029.51a4%204%200%200%201-2.37%202.9l-49%2017.38l-.15.06a4%204%200%200%201-4.61-1.21c-13.42-17.29-11.9-40.25%203.69-55.84a130.06%20130.06%200%200%201%2049.39-30.99l24.44%2026.88q-3.97.98-7.83%202.31Zm134.15%2062.49a12%2012%200%200%201-13.83%203.77l-9.31-3.3a4%204%200%201%201%202.68-7.54l9.37%203.32l.15.06a4%204%200%200%200%204.61-1.21c13.42-17.29%2011.9-40.25-3.69-55.84c-26.47-26.46-63.79-40.48-102.41-38.47a4%204%200%201%201-.41-8c40.86-2.12%2080.41%2012.74%20108.48%2040.8c18.52%2018.54%2020.31%2045.84%204.36%2066.41%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%22M51%2037.31a4%204%200%201%200-6%205.38l31.52%2034.63A137.7%20137.7%200%200%200%2027.21%20109c-18.52%2018.53-20.31%2045.83-4.36%2066.4a12%2012%200%200%200%2013.83%203.77l49-17.39l.15-.05a12%2012%200%200%200%207.31-8.79l5.9-29.51a3.92%203.92%200%200%201%202.51-3a79.4%2079.4%200%200%201%2011.4-3l92.07%20101.26a4%204%200%201%200%205.92-5.38Zm48%2075.6a12%2012%200%200%200-7.72%209l-5.9%2029.51a4%204%200%200%201-2.37%202.9l-49%2017.38l-.15.06a4%204%200%200%201-4.61-1.21c-13.42-17.29-11.9-40.25%203.69-55.84a130.06%20130.06%200%200%201%2049.39-30.99l24.44%2026.88q-3.97.98-7.83%202.31Zm134.15%2062.49a12%2012%200%200%201-13.83%203.77l-9.31-3.3a4%204%200%201%201%202.68-7.54l9.37%203.32l.15.06a4%204%200%200%200%204.61-1.21c13.42-17.29%2011.9-40.25-3.69-55.84c-26.47-26.46-63.79-40.48-102.41-38.47a4%204%200%201%201-.41-8c40.86-2.12%2080.41%2012.74%20108.48%2040.8c18.52%2018.54%2020.31%2045.84%204.36%2066.41%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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