mic off icon

mic-off from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.

Name: mic-off
Set: Keyline Icons
Style: Stroke
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

mic-off-duotone mic-off-fill mic-off-sharp mic-off-sharp-duotone mic-off-sharp-fill mic-off-sharp-two-tone mic-off-two-tone

The same icon in other sets

mic-offCodicons mic-off-fillEva Icons mic-offFeather Icons mic-off-12-filledFluent UI System Icons mic-offIonIcons mic-offLucide mic-offMaterial Symbols mic-offMaterial Symbols Light mic-off-fillMingCute Icon mic-offPixelarticons mic-off-fillRemix Icon

Use the mic 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="2" d="M9.3157 3.6589C9.8081 2.6753 10.8252 2 12 2L12 2C13.6569 2 15 3.3431 15 5L15 9.3431M13.5619 13.5619C13.1069 13.8398 12.5722 14 12 14L12 14C10.3431 14 9 12.6569 9 11L9 9M16.4246 16.4246C15.2187 17.4094 13.6783 18 12 18C8.134 18 5 14.866 5 11M12 18L12 22M8 22L16 22M2 2L22 22"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsMicOff(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="2" d="M9.3157 3.6589C9.8081 2.6753 10.8252 2 12 2L12 2C13.6569 2 15 3.3431 15 5L15 9.3431M13.5619 13.5619C13.1069 13.8398 12.5722 14 12 14L12 14C10.3431 14 9 12.6569 9 11L9 9M16.4246 16.4246C15.2187 17.4094 13.6783 18 12 18C8.134 18 5 14.866 5 11M12 18L12 22M8 22L16 22M2 2L22 22"/></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="2" d="M9.3157 3.6589C9.8081 2.6753 10.8252 2 12 2L12 2C13.6569 2 15 3.3431 15 5L15 9.3431M13.5619 13.5619C13.1069 13.8398 12.5722 14 12 14L12 14C10.3431 14 9 12.6569 9 11L9 9M16.4246 16.4246C15.2187 17.4094 13.6783 18 12 18C8.134 18 5 14.866 5 11M12 18L12 22M8 22L16 22M2 2L22 22"/></svg>
</template>

CSS

.icon-mic-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%222%22%20d%3D%22M9.3157%203.6589C9.8081%202.6753%2010.8252%202%2012%202L12%202C13.6569%202%2015%203.3431%2015%205L15%209.3431M13.5619%2013.5619C13.1069%2013.8398%2012.5722%2014%2012%2014L12%2014C10.3431%2014%209%2012.6569%209%2011L9%209M16.4246%2016.4246C15.2187%2017.4094%2013.6783%2018%2012%2018C8.134%2018%205%2014.866%205%2011M12%2018L12%2022M8%2022L16%2022M2%202L22%2022%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%222%22%20d%3D%22M9.3157%203.6589C9.8081%202.6753%2010.8252%202%2012%202L12%202C13.6569%202%2015%203.3431%2015%205L15%209.3431M13.5619%2013.5619C13.1069%2013.8398%2012.5722%2014%2012%2014L12%2014C10.3431%2014%209%2012.6569%209%2011L9%209M16.4246%2016.4246C15.2187%2017.4094%2013.6783%2018%2012%2018C8.134%2018%205%2014.866%205%2011M12%2018L12%2022M8%2022L16%2022M2%202L22%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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