mic icon

mic-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: mic-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

The same icon in other sets

micBootstrap Icons micCodicons micElement Plus mic-fillEva Icons micFeather Icons mic-16-filledFluent UI System Icons mic-16Fluent UI System Color Icons miccss.gg micIonIcons micJam Icons micLucide micMaterial Symbols micMaterial Symbols Light mic-fillMingCute Icon micPixelarticons mic-fillRemix Icon

Related icons in Framework7 Icons

mic-circle mic-slash

Use the mic icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M35.102 28V11.266c0-4.336-2.93-7.547-7.102-7.547s-7.102 3.21-7.102 7.547V28c0 4.313 2.93 7.547 7.102 7.547s7.102-3.234 7.102-7.547M17.055 48.742c-.938 0-1.758.844-1.758 1.781c0 .938.82 1.758 1.758 1.758h21.89c.938 0 1.758-.82 1.758-1.758c0-.937-.82-1.78-1.758-1.78h-9.187v-5.134c8.531-.75 14.18-7.054 14.18-15.632v-5.508c0-.914-.82-1.711-1.735-1.711c-.914 0-1.71.797-1.71 1.71v5.509c0 7.148-5.157 12.398-12.493 12.398s-12.492-5.25-12.492-12.398v-5.508c0-.914-.797-1.711-1.711-1.711s-1.735.797-1.735 1.71v5.509c0 8.578 5.649 14.882 14.157 15.632v5.133Z"/></svg>

React

import type { SVGProps } from "react";

export function F7MicFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M35.102 28V11.266c0-4.336-2.93-7.547-7.102-7.547s-7.102 3.21-7.102 7.547V28c0 4.313 2.93 7.547 7.102 7.547s7.102-3.234 7.102-7.547M17.055 48.742c-.938 0-1.758.844-1.758 1.781c0 .938.82 1.758 1.758 1.758h21.89c.938 0 1.758-.82 1.758-1.758c0-.937-.82-1.78-1.758-1.78h-9.187v-5.134c8.531-.75 14.18-7.054 14.18-15.632v-5.508c0-.914-.82-1.711-1.735-1.711c-.914 0-1.71.797-1.71 1.71v5.509c0 7.148-5.157 12.398-12.493 12.398s-12.492-5.25-12.492-12.398v-5.508c0-.914-.797-1.711-1.711-1.711s-1.735.797-1.735 1.71v5.509c0 8.578 5.649 14.882 14.157 15.632v5.133Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M35.102 28V11.266c0-4.336-2.93-7.547-7.102-7.547s-7.102 3.21-7.102 7.547V28c0 4.313 2.93 7.547 7.102 7.547s7.102-3.234 7.102-7.547M17.055 48.742c-.938 0-1.758.844-1.758 1.781c0 .938.82 1.758 1.758 1.758h21.89c.938 0 1.758-.82 1.758-1.758c0-.937-.82-1.78-1.758-1.78h-9.187v-5.134c8.531-.75 14.18-7.054 14.18-15.632v-5.508c0-.914-.82-1.711-1.735-1.711c-.914 0-1.71.797-1.71 1.71v5.509c0 7.148-5.157 12.398-12.493 12.398s-12.492-5.25-12.492-12.398v-5.508c0-.914-.797-1.711-1.711-1.711s-1.735.797-1.735 1.71v5.509c0 8.578 5.649 14.882 14.157 15.632v5.133Z"/></svg>
</template>

CSS

.icon-mic-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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M35.102%2028V11.266c0-4.336-2.93-7.547-7.102-7.547s-7.102%203.21-7.102%207.547V28c0%204.313%202.93%207.547%207.102%207.547s7.102-3.234%207.102-7.547M17.055%2048.742c-.938%200-1.758.844-1.758%201.781c0%20.938.82%201.758%201.758%201.758h21.89c.938%200%201.758-.82%201.758-1.758c0-.937-.82-1.78-1.758-1.78h-9.187v-5.134c8.531-.75%2014.18-7.054%2014.18-15.632v-5.508c0-.914-.82-1.711-1.735-1.711c-.914%200-1.71.797-1.71%201.71v5.509c0%207.148-5.157%2012.398-12.493%2012.398s-12.492-5.25-12.492-12.398v-5.508c0-.914-.797-1.711-1.711-1.711s-1.735.797-1.735%201.71v5.509c0%208.578%205.649%2014.882%2014.157%2015.632v5.133Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M35.102%2028V11.266c0-4.336-2.93-7.547-7.102-7.547s-7.102%203.21-7.102%207.547V28c0%204.313%202.93%207.547%207.102%207.547s7.102-3.234%207.102-7.547M17.055%2048.742c-.938%200-1.758.844-1.758%201.781c0%20.938.82%201.758%201.758%201.758h21.89c.938%200%201.758-.82%201.758-1.758c0-.937-.82-1.78-1.758-1.78h-9.187v-5.134c8.531-.75%2014.18-7.054%2014.18-15.632v-5.508c0-.914-.82-1.711-1.735-1.711c-.914%200-1.71.797-1.71%201.71v5.509c0%207.148-5.157%2012.398-12.493%2012.398s-12.492-5.25-12.492-12.398v-5.508c0-.914-.797-1.711-1.711-1.711s-1.735.797-1.735%201.71v5.509c0%208.578%205.649%2014.882%2014.157%2015.632v5.133Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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