mic off icon
mic-off from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- mic-off
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All mic off icons →More ui icons from Reicon
Use the mic off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2.53 1.47a.75.75 0 0 0-1.06 1.06l5.78 5.78V12a4.75 4.75 0 0 0 7.537 3.847l1.07 1.071a6.22 6.22 0 0 1-3.851 1.332h-.012A6.25 6.25 0 0 1 5.75 12a.75.75 0 0 0-1.5 0a7.75 7.75 0 0 0 7 7.714v1.536H8a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5h-3.25v-1.536a7.7 7.7 0 0 0 4.174-1.73l4.546 4.546a.75.75 0 1 0 1.06-1.06zm11.176 13.297L8.75 9.81V12a3.25 3.25 0 0 0 4.956 2.767" clip-rule="evenodd"/><path d="M12 1.25a4.75 4.75 0 0 0-4.33 2.794a.75.75 0 0 0 1.367.619A3.25 3.25 0 0 1 15.25 6v6a.75.75 0 0 0 1.5 0V6A4.75 4.75 0 0 0 12 1.25M19.75 12a.75.75 0 0 0-1.5 0c0 .798-.15 1.559-.42 2.258a.75.75 0 0 0 1.399.542c.337-.87.521-1.814.521-2.8"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconMicOff(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M2.53 1.47a.75.75 0 0 0-1.06 1.06l5.78 5.78V12a4.75 4.75 0 0 0 7.537 3.847l1.07 1.071a6.22 6.22 0 0 1-3.851 1.332h-.012A6.25 6.25 0 0 1 5.75 12a.75.75 0 0 0-1.5 0a7.75 7.75 0 0 0 7 7.714v1.536H8a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5h-3.25v-1.536a7.7 7.7 0 0 0 4.174-1.73l4.546 4.546a.75.75 0 1 0 1.06-1.06zm11.176 13.297L8.75 9.81V12a3.25 3.25 0 0 0 4.956 2.767" clipRule="evenodd"/><path d="M12 1.25a4.75 4.75 0 0 0-4.33 2.794a.75.75 0 0 0 1.367.619A3.25 3.25 0 0 1 15.25 6v6a.75.75 0 0 0 1.5 0V6A4.75 4.75 0 0 0 12 1.25M19.75 12a.75.75 0 0 0-1.5 0c0 .798-.15 1.559-.42 2.258a.75.75 0 0 0 1.399.542c.337-.87.521-1.814.521-2.8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2.53 1.47a.75.75 0 0 0-1.06 1.06l5.78 5.78V12a4.75 4.75 0 0 0 7.537 3.847l1.07 1.071a6.22 6.22 0 0 1-3.851 1.332h-.012A6.25 6.25 0 0 1 5.75 12a.75.75 0 0 0-1.5 0a7.75 7.75 0 0 0 7 7.714v1.536H8a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5h-3.25v-1.536a7.7 7.7 0 0 0 4.174-1.73l4.546 4.546a.75.75 0 1 0 1.06-1.06zm11.176 13.297L8.75 9.81V12a3.25 3.25 0 0 0 4.956 2.767" clip-rule="evenodd"/><path d="M12 1.25a4.75 4.75 0 0 0-4.33 2.794a.75.75 0 0 0 1.367.619A3.25 3.25 0 0 1 15.25 6v6a.75.75 0 0 0 1.5 0V6A4.75 4.75 0 0 0 12 1.25M19.75 12a.75.75 0 0 0-1.5 0c0 .798-.15 1.559-.42 2.258a.75.75 0 0 0 1.399.542c.337-.87.521-1.814.521-2.8"/></g></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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.53%201.47a.75.75%200%200%200-1.06%201.06l5.78%205.78V12a4.75%204.75%200%200%200%207.537%203.847l1.07%201.071a6.22%206.22%200%200%201-3.851%201.332h-.012A6.25%206.25%200%200%201%205.75%2012a.75.75%200%200%200-1.5%200a7.75%207.75%200%200%200%207%207.714v1.536H8a.75.75%200%200%200%200%201.5h8a.75.75%200%200%200%200-1.5h-3.25v-1.536a7.7%207.7%200%200%200%204.174-1.73l4.546%204.546a.75.75%200%201%200%201.06-1.06zm11.176%2013.297L8.75%209.81V12a3.25%203.25%200%200%200%204.956%202.767%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M12%201.25a4.75%204.75%200%200%200-4.33%202.794a.75.75%200%200%200%201.367.619A3.25%203.25%200%200%201%2015.25%206v6a.75.75%200%200%200%201.5%200V6A4.75%204.75%200%200%200%2012%201.25M19.75%2012a.75.75%200%200%200-1.5%200c0%20.798-.15%201.559-.42%202.258a.75.75%200%200%200%201.399.542c.337-.87.521-1.814.521-2.8%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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.53%201.47a.75.75%200%200%200-1.06%201.06l5.78%205.78V12a4.75%204.75%200%200%200%207.537%203.847l1.07%201.071a6.22%206.22%200%200%201-3.851%201.332h-.012A6.25%206.25%200%200%201%205.75%2012a.75.75%200%200%200-1.5%200a7.75%207.75%200%200%200%207%207.714v1.536H8a.75.75%200%200%200%200%201.5h8a.75.75%200%200%200%200-1.5h-3.25v-1.536a7.7%207.7%200%200%200%204.174-1.73l4.546%204.546a.75.75%200%201%200%201.06-1.06zm11.176%2013.297L8.75%209.81V12a3.25%203.25%200%200%200%204.956%202.767%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M12%201.25a4.75%204.75%200%200%200-4.33%202.794a.75.75%200%200%200%201.367.619A3.25%203.25%200%200%201%2015.25%206v6a.75.75%200%200%200%201.5%200V6A4.75%204.75%200%200%200%2012%201.25M19.75%2012a.75.75%200%200%200-1.5%200c0%20.798-.15%201.559-.42%202.258a.75.75%200%200%200%201.399.542c.337-.87.521-1.814.521-2.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/mic-off.svg?color=%231a73e8&size=48
