phone off icon

phone-off-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name: phone-off-fill
Set: Keyline Icons
Style: Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

phone-off phone-off-duotone phone-off-sharp phone-off-sharp-duotone phone-off-sharp-fill phone-off-sharp-two-tone phone-off-two-tone

The same icon in other sets

All phone off icons →

phone-offBoxIcons v2 phone-offBoxIcons v2 Solid phone-offCarbon phone-off-fillEva Icons phone-offFeather Icons phone-offHumbleicons phone-offIconPark phone-offIconPark Outline phone-offMaterial Line Icons phone-offLucide phone-offMaterial Design Icons phone-off-fillMingCute Icon phone-offTabler Icons

Related icons in Keyline Icons

phone-call phone-forwarded phone-incoming phone-missed phone-outgoing

Use the phone off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M10.8076 13.1924C11.8136 14.1984 12.9779 15.0324 14.2541 15.6612L14.6 15.2C15.1666 14.4446 16.0557 14 17 14L20 14C21.6569 14 23 15.3431 23 17L23 20C23 21.6569 21.6569 23 20 23C14.9609 23 10.1282 20.9982 6.565 17.435ZM4.6122 15.1452C2.2642 11.9034 1 8.0028 1 4C1 2.3431 2.3431 1 4 1L7 1C8.6569 1 10 2.3431 10 4L10 7C10 7.9443 9.5554 8.8334 8.8 9.4L8.3388 9.7459C8.5202 10.1141 8.719 10.4735 8.9344 10.823Z" stroke="none"/><path d="M22 2L2 22"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsPhoneOffFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" d="M10.8076 13.1924C11.8136 14.1984 12.9779 15.0324 14.2541 15.6612L14.6 15.2C15.1666 14.4446 16.0557 14 17 14L20 14C21.6569 14 23 15.3431 23 17L23 20C23 21.6569 21.6569 23 20 23C14.9609 23 10.1282 20.9982 6.565 17.435ZM4.6122 15.1452C2.2642 11.9034 1 8.0028 1 4C1 2.3431 2.3431 1 4 1L7 1C8.6569 1 10 2.3431 10 4L10 7C10 7.9443 9.5554 8.8334 8.8 9.4L8.3388 9.7459C8.5202 10.1141 8.719 10.4735 8.9344 10.823Z" stroke="none"/><path d="M22 2L2 22"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M10.8076 13.1924C11.8136 14.1984 12.9779 15.0324 14.2541 15.6612L14.6 15.2C15.1666 14.4446 16.0557 14 17 14L20 14C21.6569 14 23 15.3431 23 17L23 20C23 21.6569 21.6569 23 20 23C14.9609 23 10.1282 20.9982 6.565 17.435ZM4.6122 15.1452C2.2642 11.9034 1 8.0028 1 4C1 2.3431 2.3431 1 4 1L7 1C8.6569 1 10 2.3431 10 4L10 7C10 7.9443 9.5554 8.8334 8.8 9.4L8.3388 9.7459C8.5202 10.1141 8.719 10.4735 8.9344 10.823Z" stroke="none"/><path d="M22 2L2 22"/></g></svg>
</template>

CSS

.icon-phone-off-fill {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.8076%2013.1924C11.8136%2014.1984%2012.9779%2015.0324%2014.2541%2015.6612L14.6%2015.2C15.1666%2014.4446%2016.0557%2014%2017%2014L20%2014C21.6569%2014%2023%2015.3431%2023%2017L23%2020C23%2021.6569%2021.6569%2023%2020%2023C14.9609%2023%2010.1282%2020.9982%206.565%2017.435ZM4.6122%2015.1452C2.2642%2011.9034%201%208.0028%201%204C1%202.3431%202.3431%201%204%201L7%201C8.6569%201%2010%202.3431%2010%204L10%207C10%207.9443%209.5554%208.8334%208.8%209.4L8.3388%209.7459C8.5202%2010.1141%208.719%2010.4735%208.9344%2010.823Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M22%202L2%2022%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.8076%2013.1924C11.8136%2014.1984%2012.9779%2015.0324%2014.2541%2015.6612L14.6%2015.2C15.1666%2014.4446%2016.0557%2014%2017%2014L20%2014C21.6569%2014%2023%2015.3431%2023%2017L23%2020C23%2021.6569%2021.6569%2023%2020%2023C14.9609%2023%2010.1282%2020.9982%206.565%2017.435ZM4.6122%2015.1452C2.2642%2011.9034%201%208.0028%201%204C1%202.3431%202.3431%201%204%201L7%201C8.6569%201%2010%202.3431%2010%204L10%207C10%207.9443%209.5554%208.8334%208.8%209.4L8.3388%209.7459C8.5202%2010.1141%208.719%2010.4735%208.9344%2010.823Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M22%202L2%2022%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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