mic off circle icon

mic-off-circle-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.

Name: mic-off-circle-outline
Set: IonIcons
Style: Outline
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

Related icons in IonIcons

Use the mic off circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208s-93.31 208-208 208m0-384c-97 0-176 79-176 176s79 176 176 176s176-78.95 176-176S353.05 80 256 80"/><path fill="currentColor" d="M352 369a15.93 15.93 0 0 1-11.84-5.24l-192-210a16 16 0 0 1 23.68-21.52l192 210A16 16 0 0 1 352 369m0-120.78v-23.8a16.3 16.3 0 0 0-13.64-16.24c-9.88-1.48-18.36 6.51-18.36 16.12v23.92a43.4 43.4 0 0 1-3.07 15.91a4 4 0 0 0 .76 4.16l19.19 21.1a2 2 0 0 0 3.19-.3A77.1 77.1 0 0 0 352 248.22M304 240v-64a48.14 48.14 0 0 0-48-48a48.08 48.08 0 0 0-41 23.1a4 4 0 0 0 .47 4.77l84.42 92.86a2 2 0 0 0 3.46-1A48 48 0 0 0 304 240m-57.43 45.2l-36.46-40.11a1 1 0 0 0-1.74.8a48.26 48.26 0 0 0 37.25 41a1 1 0 0 0 .95-1.69"/><path fill="currentColor" d="M287.55 352H272v-17.74a100 100 0 0 0 12.53-3.06a2 2 0 0 0 .89-3.26l-21.07-23.19a3.94 3.94 0 0 0-3.29-1.29c-1.69.15-3.39.24-5.06.24c-36 0-64-29.82-64-55.48V224.4a16.26 16.26 0 0 0-15.61-16.4A15.91 15.91 0 0 0 160 224v24.22c0 23.36 10.94 45.61 30.79 62.66A103.7 103.7 0 0 0 240 334.26V352h-15.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 0 0 224 384h64a16 16 0 0 0 16-16.77c-.42-8.61-7.84-15.23-16.45-15.23"/></svg>

React

import type { SVGProps } from "react";

export function IonMicOffCircleOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208s-93.31 208-208 208m0-384c-97 0-176 79-176 176s79 176 176 176s176-78.95 176-176S353.05 80 256 80"/><path fill="currentColor" d="M352 369a15.93 15.93 0 0 1-11.84-5.24l-192-210a16 16 0 0 1 23.68-21.52l192 210A16 16 0 0 1 352 369m0-120.78v-23.8a16.3 16.3 0 0 0-13.64-16.24c-9.88-1.48-18.36 6.51-18.36 16.12v23.92a43.4 43.4 0 0 1-3.07 15.91a4 4 0 0 0 .76 4.16l19.19 21.1a2 2 0 0 0 3.19-.3A77.1 77.1 0 0 0 352 248.22M304 240v-64a48.14 48.14 0 0 0-48-48a48.08 48.08 0 0 0-41 23.1a4 4 0 0 0 .47 4.77l84.42 92.86a2 2 0 0 0 3.46-1A48 48 0 0 0 304 240m-57.43 45.2l-36.46-40.11a1 1 0 0 0-1.74.8a48.26 48.26 0 0 0 37.25 41a1 1 0 0 0 .95-1.69"/><path fill="currentColor" d="M287.55 352H272v-17.74a100 100 0 0 0 12.53-3.06a2 2 0 0 0 .89-3.26l-21.07-23.19a3.94 3.94 0 0 0-3.29-1.29c-1.69.15-3.39.24-5.06.24c-36 0-64-29.82-64-55.48V224.4a16.26 16.26 0 0 0-15.61-16.4A15.91 15.91 0 0 0 160 224v24.22c0 23.36 10.94 45.61 30.79 62.66A103.7 103.7 0 0 0 240 334.26V352h-15.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 0 0 224 384h64a16 16 0 0 0 16-16.77c-.42-8.61-7.84-15.23-16.45-15.23"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208s-93.31 208-208 208m0-384c-97 0-176 79-176 176s79 176 176 176s176-78.95 176-176S353.05 80 256 80"/><path fill="currentColor" d="M352 369a15.93 15.93 0 0 1-11.84-5.24l-192-210a16 16 0 0 1 23.68-21.52l192 210A16 16 0 0 1 352 369m0-120.78v-23.8a16.3 16.3 0 0 0-13.64-16.24c-9.88-1.48-18.36 6.51-18.36 16.12v23.92a43.4 43.4 0 0 1-3.07 15.91a4 4 0 0 0 .76 4.16l19.19 21.1a2 2 0 0 0 3.19-.3A77.1 77.1 0 0 0 352 248.22M304 240v-64a48.14 48.14 0 0 0-48-48a48.08 48.08 0 0 0-41 23.1a4 4 0 0 0 .47 4.77l84.42 92.86a2 2 0 0 0 3.46-1A48 48 0 0 0 304 240m-57.43 45.2l-36.46-40.11a1 1 0 0 0-1.74.8a48.26 48.26 0 0 0 37.25 41a1 1 0 0 0 .95-1.69"/><path fill="currentColor" d="M287.55 352H272v-17.74a100 100 0 0 0 12.53-3.06a2 2 0 0 0 .89-3.26l-21.07-23.19a3.94 3.94 0 0 0-3.29-1.29c-1.69.15-3.39.24-5.06.24c-36 0-64-29.82-64-55.48V224.4a16.26 16.26 0 0 0-15.61-16.4A15.91 15.91 0 0 0 160 224v24.22c0 23.36 10.94 45.61 30.79 62.66A103.7 103.7 0 0 0 240 334.26V352h-15.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 0 0 224 384h64a16 16 0 0 0 16-16.77c-.42-8.61-7.84-15.23-16.45-15.23"/></svg>
</template>

CSS

.icon-mic-off-circle-outline {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20464c-114.69%200-208-93.31-208-208S141.31%2048%20256%2048s208%2093.31%20208%20208s-93.31%20208-208%20208m0-384c-97%200-176%2079-176%20176s79%20176%20176%20176s176-78.95%20176-176S353.05%2080%20256%2080%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%20369a15.93%2015.93%200%200%201-11.84-5.24l-192-210a16%2016%200%200%201%2023.68-21.52l192%20210A16%2016%200%200%201%20352%20369m0-120.78v-23.8a16.3%2016.3%200%200%200-13.64-16.24c-9.88-1.48-18.36%206.51-18.36%2016.12v23.92a43.4%2043.4%200%200%201-3.07%2015.91a4%204%200%200%200%20.76%204.16l19.19%2021.1a2%202%200%200%200%203.19-.3A77.1%2077.1%200%200%200%20352%20248.22M304%20240v-64a48.14%2048.14%200%200%200-48-48a48.08%2048.08%200%200%200-41%2023.1a4%204%200%200%200%20.47%204.77l84.42%2092.86a2%202%200%200%200%203.46-1A48%2048%200%200%200%20304%20240m-57.43%2045.2l-36.46-40.11a1%201%200%200%200-1.74.8a48.26%2048.26%200%200%200%2037.25%2041a1%201%200%200%200%20.95-1.69%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M287.55%20352H272v-17.74a100%20100%200%200%200%2012.53-3.06a2%202%200%200%200%20.89-3.26l-21.07-23.19a3.94%203.94%200%200%200-3.29-1.29c-1.69.15-3.39.24-5.06.24c-36%200-64-29.82-64-55.48V224.4a16.26%2016.26%200%200%200-15.61-16.4A15.91%2015.91%200%200%200%20160%20224v24.22c0%2023.36%2010.94%2045.61%2030.79%2062.66A103.7%20103.7%200%200%200%20240%20334.26V352h-15.55c-8.61%200-16%206.62-16.43%2015.23A16%2016%200%200%200%20224%20384h64a16%2016%200%200%200%2016-16.77c-.42-8.61-7.84-15.23-16.45-15.23%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20464c-114.69%200-208-93.31-208-208S141.31%2048%20256%2048s208%2093.31%20208%20208s-93.31%20208-208%20208m0-384c-97%200-176%2079-176%20176s79%20176%20176%20176s176-78.95%20176-176S353.05%2080%20256%2080%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%20369a15.93%2015.93%200%200%201-11.84-5.24l-192-210a16%2016%200%200%201%2023.68-21.52l192%20210A16%2016%200%200%201%20352%20369m0-120.78v-23.8a16.3%2016.3%200%200%200-13.64-16.24c-9.88-1.48-18.36%206.51-18.36%2016.12v23.92a43.4%2043.4%200%200%201-3.07%2015.91a4%204%200%200%200%20.76%204.16l19.19%2021.1a2%202%200%200%200%203.19-.3A77.1%2077.1%200%200%200%20352%20248.22M304%20240v-64a48.14%2048.14%200%200%200-48-48a48.08%2048.08%200%200%200-41%2023.1a4%204%200%200%200%20.47%204.77l84.42%2092.86a2%202%200%200%200%203.46-1A48%2048%200%200%200%20304%20240m-57.43%2045.2l-36.46-40.11a1%201%200%200%200-1.74.8a48.26%2048.26%200%200%200%2037.25%2041a1%201%200%200%200%20.95-1.69%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M287.55%20352H272v-17.74a100%20100%200%200%200%2012.53-3.06a2%202%200%200%200%20.89-3.26l-21.07-23.19a3.94%203.94%200%200%200-3.29-1.29c-1.69.15-3.39.24-5.06.24c-36%200-64-29.82-64-55.48V224.4a16.26%2016.26%200%200%200-15.61-16.4A15.91%2015.91%200%200%200%20160%20224v24.22c0%2023.36%2010.94%2045.61%2030.79%2062.66A103.7%20103.7%200%200%200%20240%20334.26V352h-15.55c-8.61%200-16%206.62-16.43%2015.23A16%2016%200%200%200%20224%20384h64a16%2016%200%200%200%2016-16.77c-.42-8.61-7.84-15.23-16.45-15.23%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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