phone off icon

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

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

1 other variant in Eva Icons

The same icon in other sets

phone-offBoxIcons v2 phone-offBoxIcons v2 Solid phone-offCarbon 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 Eva Icons

phone-call-fill phone-missed-fill

Use the phone off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 12.06a10.4 10.4 0 0 1-.8-1.42C9.71 10 9.72 10 9.85 9.85a1 1 0 0 0 .26-.92L8.74 3a1 1 0 0 0-.65-.72a4 4 0 0 0-.72-.18A4 4 0 0 0 6.6 2A4.6 4.6 0 0 0 2 6.6a15.33 15.33 0 0 0 3.27 9.46Zm12.67 4.58a4.3 4.3 0 0 0-.19-.73a1 1 0 0 0-.72-.65l-6-1.37a1 1 0 0 0-.92.26c-.14.13-.15.14-.8 1.38a11 11 0 0 1-1.41-.8l-4 4A15.33 15.33 0 0 0 17.4 22a4.6 4.6 0 0 0 4.6-4.6a5 5 0 0 0-.06-.76m-2.2-12.38a.89.89 0 0 0-1.26 0L4.26 18.48a.9.9 0 0 0-.26.63a.89.89 0 0 0 1.52.63L19.74 5.52a.89.89 0 0 0 0-1.26"/></svg>

React

import type { SVGProps } from "react";

export function EvaPhoneOffFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 12.06a10.4 10.4 0 0 1-.8-1.42C9.71 10 9.72 10 9.85 9.85a1 1 0 0 0 .26-.92L8.74 3a1 1 0 0 0-.65-.72a4 4 0 0 0-.72-.18A4 4 0 0 0 6.6 2A4.6 4.6 0 0 0 2 6.6a15.33 15.33 0 0 0 3.27 9.46Zm12.67 4.58a4.3 4.3 0 0 0-.19-.73a1 1 0 0 0-.72-.65l-6-1.37a1 1 0 0 0-.92.26c-.14.13-.15.14-.8 1.38a11 11 0 0 1-1.41-.8l-4 4A15.33 15.33 0 0 0 17.4 22a4.6 4.6 0 0 0 4.6-4.6a5 5 0 0 0-.06-.76m-2.2-12.38a.89.89 0 0 0-1.26 0L4.26 18.48a.9.9 0 0 0-.26.63a.89.89 0 0 0 1.52.63L19.74 5.52a.89.89 0 0 0 0-1.26"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 12.06a10.4 10.4 0 0 1-.8-1.42C9.71 10 9.72 10 9.85 9.85a1 1 0 0 0 .26-.92L8.74 3a1 1 0 0 0-.65-.72a4 4 0 0 0-.72-.18A4 4 0 0 0 6.6 2A4.6 4.6 0 0 0 2 6.6a15.33 15.33 0 0 0 3.27 9.46Zm12.67 4.58a4.3 4.3 0 0 0-.19-.73a1 1 0 0 0-.72-.65l-6-1.37a1 1 0 0 0-.92.26c-.14.13-.15.14-.8 1.38a11 11 0 0 1-1.41-.8l-4 4A15.33 15.33 0 0 0 17.4 22a4.6 4.6 0 0 0 4.6-4.6a5 5 0 0 0-.06-.76m-2.2-12.38a.89.89 0 0 0-1.26 0L4.26 18.48a.9.9 0 0 0-.26.63a.89.89 0 0 0 1.52.63L19.74 5.52a.89.89 0 0 0 0-1.26"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.27%2012.06a10.4%2010.4%200%200%201-.8-1.42C9.71%2010%209.72%2010%209.85%209.85a1%201%200%200%200%20.26-.92L8.74%203a1%201%200%200%200-.65-.72a4%204%200%200%200-.72-.18A4%204%200%200%200%206.6%202A4.6%204.6%200%200%200%202%206.6a15.33%2015.33%200%200%200%203.27%209.46Zm12.67%204.58a4.3%204.3%200%200%200-.19-.73a1%201%200%200%200-.72-.65l-6-1.37a1%201%200%200%200-.92.26c-.14.13-.15.14-.8%201.38a11%2011%200%200%201-1.41-.8l-4%204A15.33%2015.33%200%200%200%2017.4%2022a4.6%204.6%200%200%200%204.6-4.6a5%205%200%200%200-.06-.76m-2.2-12.38a.89.89%200%200%200-1.26%200L4.26%2018.48a.9.9%200%200%200-.26.63a.89.89%200%200%200%201.52.63L19.74%205.52a.89.89%200%200%200%200-1.26%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%22currentColor%22%20d%3D%22M9.27%2012.06a10.4%2010.4%200%200%201-.8-1.42C9.71%2010%209.72%2010%209.85%209.85a1%201%200%200%200%20.26-.92L8.74%203a1%201%200%200%200-.65-.72a4%204%200%200%200-.72-.18A4%204%200%200%200%206.6%202A4.6%204.6%200%200%200%202%206.6a15.33%2015.33%200%200%200%203.27%209.46Zm12.67%204.58a4.3%204.3%200%200%200-.19-.73a1%201%200%200%200-.72-.65l-6-1.37a1%201%200%200%200-.92.26c-.14.13-.15.14-.8%201.38a11%2011%200%200%201-1.41-.8l-4%204A15.33%2015.33%200%200%200%2017.4%2022a4.6%204.6%200%200%200%204.6-4.6a5%205%200%200%200-.06-.76m-2.2-12.38a.89.89%200%200%200-1.26%200L4.26%2018.48a.9.9%200%200%200-.26.63a.89.89%200%200%200%201.52.63L19.74%205.52a.89.89%200%200%200%200-1.26%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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