telephone off icon

telephone-off from Myna UI Icons by Praveen Juge · Regular · MIT Free for personal and commercial use.

Name: telephone-off
Set: Myna UI Icons
Style: Regular
Viewbox: 24×24
License: MIT
Aliases: telephone-slash

1 other variant in Myna UI Icons

Related icons in Myna UI Icons

telephone-call telephone-forward telephone-in telephone-missed telephone-out

Use the telephone off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m7.565 16.435l3.119-3.119L21 3M10.684 13.316c1.53 1.556 3.701 2.484 4.916 1.205c1.334-1.404 3.075.038 4.342.767c2.536 1.46-.004 5.451-2.214 5.67c-3.657.36-7.376-1.606-10.163-4.523M3 21l4.565-4.565M5.5 13.845c-1.447-2.193-2.374-4.634-2.497-6.93c-.115-2.139 3.666-5.501 5.389-3.066c.918 1.298 2.576 3.064 1.108 4.609c-.493.519-.628 1.186-.51 1.897"/></svg>

React

import type { SVGProps } from "react";

export function MynauiTelephoneOff(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m7.565 16.435l3.119-3.119L21 3M10.684 13.316c1.53 1.556 3.701 2.484 4.916 1.205c1.334-1.404 3.075.038 4.342.767c2.536 1.46-.004 5.451-2.214 5.67c-3.657.36-7.376-1.606-10.163-4.523M3 21l4.565-4.565M5.5 13.845c-1.447-2.193-2.374-4.634-2.497-6.93c-.115-2.139 3.666-5.501 5.389-3.066c.918 1.298 2.576 3.064 1.108 4.609c-.493.519-.628 1.186-.51 1.897"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m7.565 16.435l3.119-3.119L21 3M10.684 13.316c1.53 1.556 3.701 2.484 4.916 1.205c1.334-1.404 3.075.038 4.342.767c2.536 1.46-.004 5.451-2.214 5.67c-3.657.36-7.376-1.606-10.163-4.523M3 21l4.565-4.565M5.5 13.845c-1.447-2.193-2.374-4.634-2.497-6.93c-.115-2.139 3.666-5.501 5.389-3.066c.918 1.298 2.576 3.064 1.108 4.609c-.493.519-.628 1.186-.51 1.897"/></svg>
</template>

CSS

.icon-telephone-off {
  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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m7.565%2016.435l3.119-3.119L21%203M10.684%2013.316c1.53%201.556%203.701%202.484%204.916%201.205c1.334-1.404%203.075.038%204.342.767c2.536%201.46-.004%205.451-2.214%205.67c-3.657.36-7.376-1.606-10.163-4.523M3%2021l4.565-4.565M5.5%2013.845c-1.447-2.193-2.374-4.634-2.497-6.93c-.115-2.139%203.666-5.501%205.389-3.066c.918%201.298%202.576%203.064%201.108%204.609c-.493.519-.628%201.186-.51%201.897%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m7.565%2016.435l3.119-3.119L21%203M10.684%2013.316c1.53%201.556%203.701%202.484%204.916%201.205c1.334-1.404%203.075.038%204.342.767c2.536%201.46-.004%205.451-2.214%205.67c-3.657.36-7.376-1.606-10.163-4.523M3%2021l4.565-4.565M5.5%2013.845c-1.447-2.193-2.374-4.634-2.497-6.93c-.115-2.139%203.666-5.501%205.389-3.066c.918%201.298%202.576%203.064%201.108%204.609c-.493.519-.628%201.186-.51%201.897%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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