phone block icon

phone-block-filled from Carbon by IBM · Filled · Actions · Apache-2.0 Free for personal and commercial use.

Name: phone-block-filled
Set: Carbon
Style: Filled
Category: Actions
Viewbox: 32×32
License: Apache 2.0

1 other variant in Carbon

The same icon in other sets

Use the phone block icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.333 21.482l2.24-2.24a2.17 2.17 0 0 1 2.337-.48l2.728 1.092A2.17 2.17 0 0 1 29 21.866v4.961a2.167 2.167 0 0 1-2.284 2.169C7.594 27.806 3.732 11.61 3.015 5.408A2.162 2.162 0 0 1 5.169 3h4.873a2.17 2.17 0 0 1 2.012 1.362l1.091 2.728a2.17 2.17 0 0 1-.48 2.337l-2.24 2.24s1.242 8.732 9.908 9.815"/><path fill="currentColor" d="M24.41 9L28 5.41L26.59 4L23 7.59L19.41 4L18 5.41L21.59 9L18 12.59L19.41 14L23 10.41L26.59 14L28 12.59z"/></svg>

React

import type { SVGProps } from "react";

export function CarbonPhoneBlockFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.333 21.482l2.24-2.24a2.17 2.17 0 0 1 2.337-.48l2.728 1.092A2.17 2.17 0 0 1 29 21.866v4.961a2.167 2.167 0 0 1-2.284 2.169C7.594 27.806 3.732 11.61 3.015 5.408A2.162 2.162 0 0 1 5.169 3h4.873a2.17 2.17 0 0 1 2.012 1.362l1.091 2.728a2.17 2.17 0 0 1-.48 2.337l-2.24 2.24s1.242 8.732 9.908 9.815"/><path fill="currentColor" d="M24.41 9L28 5.41L26.59 4L23 7.59L19.41 4L18 5.41L21.59 9L18 12.59L19.41 14L23 10.41L26.59 14L28 12.59z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.333 21.482l2.24-2.24a2.17 2.17 0 0 1 2.337-.48l2.728 1.092A2.17 2.17 0 0 1 29 21.866v4.961a2.167 2.167 0 0 1-2.284 2.169C7.594 27.806 3.732 11.61 3.015 5.408A2.162 2.162 0 0 1 5.169 3h4.873a2.17 2.17 0 0 1 2.012 1.362l1.091 2.728a2.17 2.17 0 0 1-.48 2.337l-2.24 2.24s1.242 8.732 9.908 9.815"/><path fill="currentColor" d="M24.41 9L28 5.41L26.59 4L23 7.59L19.41 4L18 5.41L21.59 9L18 12.59L19.41 14L23 10.41L26.59 14L28 12.59z"/></svg>
</template>

CSS

.icon-phone-block-filled {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.333%2021.482l2.24-2.24a2.17%202.17%200%200%201%202.337-.48l2.728%201.092A2.17%202.17%200%200%201%2029%2021.866v4.961a2.167%202.167%200%200%201-2.284%202.169C7.594%2027.806%203.732%2011.61%203.015%205.408A2.162%202.162%200%200%201%205.169%203h4.873a2.17%202.17%200%200%201%202.012%201.362l1.091%202.728a2.17%202.17%200%200%201-.48%202.337l-2.24%202.24s1.242%208.732%209.908%209.815%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.41%209L28%205.41L26.59%204L23%207.59L19.41%204L18%205.41L21.59%209L18%2012.59L19.41%2014L23%2010.41L26.59%2014L28%2012.59z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.333%2021.482l2.24-2.24a2.17%202.17%200%200%201%202.337-.48l2.728%201.092A2.17%202.17%200%200%201%2029%2021.866v4.961a2.167%202.167%200%200%201-2.284%202.169C7.594%2027.806%203.732%2011.61%203.015%205.408A2.162%202.162%200%200%201%205.169%203h4.873a2.17%202.17%200%200%201%202.012%201.362l1.091%202.728a2.17%202.17%200%200%201-.48%202.337l-2.24%202.24s1.242%208.732%209.908%209.815%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.41%209L28%205.41L26.59%204L23%207.59L19.41%204L18%205.41L21.59%209L18%2012.59L19.41%2014L23%2010.41L26.59%2014L28%2012.59z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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