phone slash icon

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

Name
phone-slash-light
Set
Phosphor
Style
Light
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="M52.44 36a6 6 0 0 0-8.88 8l29.52 32.51a139.3 139.3 0 0 0-47.27 31.08c-19.25 19.26-21.11 47.65-4.52 69a14 14 0 0 0 16.1 4.41l49-17.37l.22-.09a13.93 13.93 0 0 0 8.53-10.25l5.9-29.51a2 2 0 0 1 1.21-1.47a80 80 0 0 1 10-2.75L203.56 220a6 6 0 0 0 8.88-8.08Zm45.85 75a14 14 0 0 0-9 10.45L83.37 151a2 2 0 0 1-1.15 1.43l-48.94 17.34l-.22.08a2 2 0 0 1-2.29-.58c-13-16.73-11.56-38.11 3.53-53.19A127.9 127.9 0 0 1 81.75 86l21.34 23.48c-1.62.52-3.22.99-4.8 1.52m136.42 65.61a14 14 0 0 1-16.1 4.41l-9.28-3.29a6 6 0 1 1 4-11.31l9.38 3.33l.22.08a2 2 0 0 0 2.29-.58c13-16.73 11.56-38.11-3.53-53.19C195.64 90 158.86 76.2 120.83 78.19a6 6 0 1 1-.63-12c41.44-2.15 81.52 12.93 110 41.39c19.24 19.27 21.1 47.66 4.51 69.05Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPhoneSlashLight(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="M52.44 36a6 6 0 0 0-8.88 8l29.52 32.51a139.3 139.3 0 0 0-47.27 31.08c-19.25 19.26-21.11 47.65-4.52 69a14 14 0 0 0 16.1 4.41l49-17.37l.22-.09a13.93 13.93 0 0 0 8.53-10.25l5.9-29.51a2 2 0 0 1 1.21-1.47a80 80 0 0 1 10-2.75L203.56 220a6 6 0 0 0 8.88-8.08Zm45.85 75a14 14 0 0 0-9 10.45L83.37 151a2 2 0 0 1-1.15 1.43l-48.94 17.34l-.22.08a2 2 0 0 1-2.29-.58c-13-16.73-11.56-38.11 3.53-53.19A127.9 127.9 0 0 1 81.75 86l21.34 23.48c-1.62.52-3.22.99-4.8 1.52m136.42 65.61a14 14 0 0 1-16.1 4.41l-9.28-3.29a6 6 0 1 1 4-11.31l9.38 3.33l.22.08a2 2 0 0 0 2.29-.58c13-16.73 11.56-38.11-3.53-53.19C195.64 90 158.86 76.2 120.83 78.19a6 6 0 1 1-.63-12c41.44-2.15 81.52 12.93 110 41.39c19.24 19.27 21.1 47.66 4.51 69.05Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l29.52 32.51a139.3 139.3 0 0 0-47.27 31.08c-19.25 19.26-21.11 47.65-4.52 69a14 14 0 0 0 16.1 4.41l49-17.37l.22-.09a13.93 13.93 0 0 0 8.53-10.25l5.9-29.51a2 2 0 0 1 1.21-1.47a80 80 0 0 1 10-2.75L203.56 220a6 6 0 0 0 8.88-8.08Zm45.85 75a14 14 0 0 0-9 10.45L83.37 151a2 2 0 0 1-1.15 1.43l-48.94 17.34l-.22.08a2 2 0 0 1-2.29-.58c-13-16.73-11.56-38.11 3.53-53.19A127.9 127.9 0 0 1 81.75 86l21.34 23.48c-1.62.52-3.22.99-4.8 1.52m136.42 65.61a14 14 0 0 1-16.1 4.41l-9.28-3.29a6 6 0 1 1 4-11.31l9.38 3.33l.22.08a2 2 0 0 0 2.29-.58c13-16.73 11.56-38.11-3.53-53.19C195.64 90 158.86 76.2 120.83 78.19a6 6 0 1 1-.63-12c41.44-2.15 81.52 12.93 110 41.39c19.24 19.27 21.1 47.66 4.51 69.05Z"/></svg>
</template>

CSS

.icon-phone-slash-light {
  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%22M52.44%2036a6%206%200%200%200-8.88%208l29.52%2032.51a139.3%20139.3%200%200%200-47.27%2031.08c-19.25%2019.26-21.11%2047.65-4.52%2069a14%2014%200%200%200%2016.1%204.41l49-17.37l.22-.09a13.93%2013.93%200%200%200%208.53-10.25l5.9-29.51a2%202%200%200%201%201.21-1.47a80%2080%200%200%201%2010-2.75L203.56%20220a6%206%200%200%200%208.88-8.08Zm45.85%2075a14%2014%200%200%200-9%2010.45L83.37%20151a2%202%200%200%201-1.15%201.43l-48.94%2017.34l-.22.08a2%202%200%200%201-2.29-.58c-13-16.73-11.56-38.11%203.53-53.19A127.9%20127.9%200%200%201%2081.75%2086l21.34%2023.48c-1.62.52-3.22.99-4.8%201.52m136.42%2065.61a14%2014%200%200%201-16.1%204.41l-9.28-3.29a6%206%200%201%201%204-11.31l9.38%203.33l.22.08a2%202%200%200%200%202.29-.58c13-16.73%2011.56-38.11-3.53-53.19C195.64%2090%20158.86%2076.2%20120.83%2078.19a6%206%200%201%201-.63-12c41.44-2.15%2081.52%2012.93%20110%2041.39c19.24%2019.27%2021.1%2047.66%204.51%2069.05Z%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%22M52.44%2036a6%206%200%200%200-8.88%208l29.52%2032.51a139.3%20139.3%200%200%200-47.27%2031.08c-19.25%2019.26-21.11%2047.65-4.52%2069a14%2014%200%200%200%2016.1%204.41l49-17.37l.22-.09a13.93%2013.93%200%200%200%208.53-10.25l5.9-29.51a2%202%200%200%201%201.21-1.47a80%2080%200%200%201%2010-2.75L203.56%20220a6%206%200%200%200%208.88-8.08Zm45.85%2075a14%2014%200%200%200-9%2010.45L83.37%20151a2%202%200%200%201-1.15%201.43l-48.94%2017.34l-.22.08a2%202%200%200%201-2.29-.58c-13-16.73-11.56-38.11%203.53-53.19A127.9%20127.9%200%200%201%2081.75%2086l21.34%2023.48c-1.62.52-3.22.99-4.8%201.52m136.42%2065.61a14%2014%200%200%201-16.1%204.41l-9.28-3.29a6%206%200%201%201%204-11.31l9.38%203.33l.22.08a2%202%200%200%200%202.29-.58c13-16.73%2011.56-38.11-3.53-53.19C195.64%2090%20158.86%2076.2%20120.83%2078.19a6%206%200%201%201-.63-12c41.44-2.15%2081.52%2012.93%20110%2041.39c19.24%2019.27%2021.1%2047.66%204.51%2069.05Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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