headphones off icon

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

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

7 other variants in Keyline Icons

headphones-off headphones-off-duotone headphones-off-sharp headphones-off-sharp-duotone headphones-off-sharp-fill headphones-off-sharp-two-tone headphones-off-two-tone

The same icon in other sets

headphones-offMaterial Design Icons headphones-offTabler Icons

Use the headphones 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="M2 12C2 10.3431 3.3431 9 5 9L5 9C6.6569 9 8 10.3431 8 12L8 19C8 20.6569 6.6569 22 5 22L5 22C3.3431 22 2 20.6569 2 19L2 12ZM21.1213 21.1213C20.5784 21.6642 19.8284 22 19 22L19 22C17.3431 22 16 20.6569 16 19L16 16ZM16.3763 12.1337C16.1165 11.8739 16.0201 11.4926 16.1252 11.1406C16.4945 9.9025 17.6419 9 19 9L19 9C20.6569 9 22 10.3431 22 12L22 15.3431C22 15.7476 21.7564 16.1122 21.3827 16.267C21.009 16.4218 20.5789 16.3362 20.2929 16.0502L16.3763 12.1337Z" stroke="none"/><path d="M3 12C3 9.5147 4.0074 7.2647 5.636 5.636M9.1256 3.4688C10.0282 3.1648 10.9949 3 12 3C16.9706 3 21 7.0294 21 12M2 2L22 22"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsHeadphonesOffFill(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="M2 12C2 10.3431 3.3431 9 5 9L5 9C6.6569 9 8 10.3431 8 12L8 19C8 20.6569 6.6569 22 5 22L5 22C3.3431 22 2 20.6569 2 19L2 12ZM21.1213 21.1213C20.5784 21.6642 19.8284 22 19 22L19 22C17.3431 22 16 20.6569 16 19L16 16ZM16.3763 12.1337C16.1165 11.8739 16.0201 11.4926 16.1252 11.1406C16.4945 9.9025 17.6419 9 19 9L19 9C20.6569 9 22 10.3431 22 12L22 15.3431C22 15.7476 21.7564 16.1122 21.3827 16.267C21.009 16.4218 20.5789 16.3362 20.2929 16.0502L16.3763 12.1337Z" stroke="none"/><path d="M3 12C3 9.5147 4.0074 7.2647 5.636 5.636M9.1256 3.4688C10.0282 3.1648 10.9949 3 12 3C16.9706 3 21 7.0294 21 12M2 2L22 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="M2 12C2 10.3431 3.3431 9 5 9L5 9C6.6569 9 8 10.3431 8 12L8 19C8 20.6569 6.6569 22 5 22L5 22C3.3431 22 2 20.6569 2 19L2 12ZM21.1213 21.1213C20.5784 21.6642 19.8284 22 19 22L19 22C17.3431 22 16 20.6569 16 19L16 16ZM16.3763 12.1337C16.1165 11.8739 16.0201 11.4926 16.1252 11.1406C16.4945 9.9025 17.6419 9 19 9L19 9C20.6569 9 22 10.3431 22 12L22 15.3431C22 15.7476 21.7564 16.1122 21.3827 16.267C21.009 16.4218 20.5789 16.3362 20.2929 16.0502L16.3763 12.1337Z" stroke="none"/><path d="M3 12C3 9.5147 4.0074 7.2647 5.636 5.636M9.1256 3.4688C10.0282 3.1648 10.9949 3 12 3C16.9706 3 21 7.0294 21 12M2 2L22 22"/></g></svg>
</template>

CSS

.icon-headphones-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%22M2%2012C2%2010.3431%203.3431%209%205%209L5%209C6.6569%209%208%2010.3431%208%2012L8%2019C8%2020.6569%206.6569%2022%205%2022L5%2022C3.3431%2022%202%2020.6569%202%2019L2%2012ZM21.1213%2021.1213C20.5784%2021.6642%2019.8284%2022%2019%2022L19%2022C17.3431%2022%2016%2020.6569%2016%2019L16%2016ZM16.3763%2012.1337C16.1165%2011.8739%2016.0201%2011.4926%2016.1252%2011.1406C16.4945%209.9025%2017.6419%209%2019%209L19%209C20.6569%209%2022%2010.3431%2022%2012L22%2015.3431C22%2015.7476%2021.7564%2016.1122%2021.3827%2016.267C21.009%2016.4218%2020.5789%2016.3362%2020.2929%2016.0502L16.3763%2012.1337Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3%2012C3%209.5147%204.0074%207.2647%205.636%205.636M9.1256%203.4688C10.0282%203.1648%2010.9949%203%2012%203C16.9706%203%2021%207.0294%2021%2012M2%202L22%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%22M2%2012C2%2010.3431%203.3431%209%205%209L5%209C6.6569%209%208%2010.3431%208%2012L8%2019C8%2020.6569%206.6569%2022%205%2022L5%2022C3.3431%2022%202%2020.6569%202%2019L2%2012ZM21.1213%2021.1213C20.5784%2021.6642%2019.8284%2022%2019%2022L19%2022C17.3431%2022%2016%2020.6569%2016%2019L16%2016ZM16.3763%2012.1337C16.1165%2011.8739%2016.0201%2011.4926%2016.1252%2011.1406C16.4945%209.9025%2017.6419%209%2019%209L19%209C20.6569%209%2022%2010.3431%2022%2012L22%2015.3431C22%2015.7476%2021.7564%2016.1122%2021.3827%2016.267C21.009%2016.4218%2020.5789%2016.3362%2020.2929%2016.0502L16.3763%2012.1337Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3%2012C3%209.5147%204.0074%207.2647%205.636%205.636M9.1256%203.4688C10.0282%203.1648%2010.9949%203%2012%203C16.9706%203%2021%207.0294%2021%2012M2%202L22%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/headphones-off-fill.svg?color=%231a73e8&size=48