Headset Off Fill icon

keyline-icons:headset-off-fill

The Headset Off Fill icon (keyline-icons:headset-off-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: headsetoff, offfill, headsetofffill

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M8.7086 8.7086C8.8954 9.0997 9 9.5376 9 10L9 16C9 17.6569 7.6569 19 6 19L6 19C4.3431 19 3 17.6569 3 16L3 10C3 8.3431 4.3431 7 6 7L6 7C6.4624 7 6.9003 7.1046 7.2914 7.2914ZM18.8715 18.8715C18.5957 18.9551 18.3031 19 18 19L18 19C16.3431 19 15 17.6569 15 16L15 15ZM15.2929 11.0502C15.1054 10.8627 15 10.6083 15 10.3431L15 10C15 8.3431 16.3431 7 18 7L18 7C19.6569 7 21 8.3431 21 10L21 14.3431C21 14.7476 20.7564 15.1122 20.3827 15.267C20.009 15.4218 19.5789 15.3362 19.2929 15.0502L15.2929 11.0502Z" stroke="none"/><path d="M4 10C4 8.3017 4.5292 6.7269 5.4317 5.4317M8.4739 2.817C9.5376 2.2938 10.7345 2 12 2C16.4183 2 20 5.5817 20 10M18 18C18 20.2091 16.2091 22 14 22L12 22M2 2L22 22"/></g></svg>

How to use the Headset Off Fill icon

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:headset-off-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:headset-off-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:headset-off-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--headset-off-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:headset-off-fill"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:headset-off-fill"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/headset-off-fill.svg" alt="Headset Off Fill icon" width="24" height="24">

Related icons in Keyline Icons

Headset Off Fill icon FAQ

Is the Headset Off Fill icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Headset Off Fill icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:headset-off-fill" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Headset Off Fill icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/headset-off-fill.svg" alt="Headset Off Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →