Home/Libraries/Freehand free icons (Iconify)/microphone-off

Freehand free icons (Iconify)

MicrophoneOff

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M3.761 10.652a2.7 2.7 0 0 1-.1-.67c0-.209 0-.399.21-.499c.208-.112.435-.186.669-.22c.45-.07.918-.09 1.268-.139c0 .48 0 .998.09 1.428a.34.34 0 0 0 .486.286a.33.33 0 0 0 .183-.326q-.007-1.287.13-2.566h1.267c.24 0 .47 0 .7-.09c.578-.09 1.127-.21 1.687-.3a.4.4 0 0 0 .409-.399a.41.41 0 0 0-.46-.36c-.569 0-1.138-.119-1.727-.139h-.748q-.38.015-.75.1l-.259.06v-.2q.151-.762.43-1.488a.25.25 0 0 0 .25.11c.428 0 1.397-.13 1.806-.2q.92-.208 1.857-.309a.43.43 0 0 0 .47-.36a.4.4 0 0 0-.42-.399q-.992-.165-1.997-.14a5 5 0 0 0-.689 0a4 4 0 0 0-.758.2c.164-.296.37-.568.609-.808a5.55 5.55 0 0 1 3.634-2.057a4.12 4.12 0 0 1 3.914 1.298a.39.39 0 0 0 .529.07a.37.37 0 0 0 .09-.5A4.99 4.99 0 0 0 11.898.04a6.65 6.65 0 0 0-4.543 2.436A8.1 8.1 0 0 0 6.017 5.61a12 12 0 0 0-.26 2.815c-.418-.05-.997-.15-1.517-.17a2.8 2.8 0 0 0-.898.13a1.59 1.59 0 0 0-.999 1.657c.05.37.155.73.31 1.069a8.7 8.7 0 0 0 1.368 1.907a.37.37 0 0 0 .529.07a.39.39 0 0 0 .07-.53a8.6 8.6 0 0 1-.859-1.906m17.911-1.498a.94.94 0 0 0-.31-.749a3 3 0 0 0-1.117-.38a15 15 0 0 0-1.997 0V6.28c0-.56 0-.54-.14-.54s-.639.19-.639.76c0 0-.08 1.537-.35 3.254a.85.85 0 0 0-.519-.14a3.5 3.5 0 0 0-.559 0a3.6 3.6 0 0 0-.569.1q-.661.16-1.278.45a.38.38 0 0 0-.3.469a.44.44 0 0 0 .53.26h1.258q.426.004.848-.05q.21-.036.41-.11c-.07.359-.15.708-.24 1.058s-.17.569-.26.818l-.08-.06a5 5 0 0 0-.558-.11a4 4 0 0 0-.59 0a5 5 0 0 0-.568.08c-.45.09-.85.22-1.278.35c-.43.13-.48.24-.43.44a.53.53 0 0 0 .6.309c.449 0 .848.07 1.287.09q.26.03.52 0c.22-.023.436-.08.638-.17a3.55 3.55 0 0 1-2.096 1.477c-2.197.88-4.064.58-5.342-.838c-.379-.27-.878.34-.549.789c.899 1.397 1.997 1.527 3.604 1.597c0 .19-.08.37-.09.55c-.01.179 0 .508-.05.758v.529h-.05a7.7 7.7 0 0 1-5.131-2.177c-.29-.269-.829.07-.569.47a7.18 7.18 0 0 0 5.64 2.815h.33c.11 0 0 .25.07.37a3.4 3.4 0 0 0-.998.29a4.9 4.9 0 0 0-2.376 2.645a.36.36 0 0 0 0 .25a.28.28 0 0 0-.16.24a.33.33 0 0 0 .31.358q1.332.25 2.685.34h1.178c.4 0 .769 0 1.158-.1c.899-.1 1.787-.27 2.676-.41a.39.39 0 0 0 .36-.409a.37.37 0 0 0-.26-.299a5.15 5.15 0 0 0-2.376-2.606a3.8 3.8 0 0 0-1.318-.35v-.359c.88-.03 1.752-.175 2.596-.429a8 8 0 0 0 3.404-2.097a12 12 0 0 0 1.907-2.835c.507-1.03.844-2.137.998-3.275a13 13 0 0 0 .14-1.677m-6.33 13.558h-3.005c-.38 0-.759 0-1.138.06l-2.097.15a4.3 4.3 0 0 1 2.107-1.658a3.7 3.7 0 0 1 1.128-.2a3.73 3.73 0 0 1 3.005 1.648m5.172-12.04a9.9 9.9 0 0 1-.998 2.905c-.48.91-1.09 1.748-1.807 2.486a6.9 6.9 0 0 1-2.866 1.767a10 10 0 0 1-2.116.45v-.51l-.26-1.298a6.6 6.6 0 0 0 1.997-.47a5 5 0 0 0 2.316-1.996a10 10 0 0 0 .759-1.777a14.6 14.6 0 0 0 .589-2.746c0-.1 0-.379.05-.728c.509 0 1.058 0 1.607.05c.351.017.693.116.999.289c.21.26-.23 1.398-.27 1.577M9.342 12.698a204 204 0 0 0 4.213-3.644c.06-.06 1.328-1.138 6.77-6.36a.34.34 0 0 0-.107-.545a.32.32 0 0 0-.363.076c-1.877 1.578-3.993 3.305-6.26 5.162a111 111 0 0 0-2.646 2.256c-.868.769-1.747 1.548-2.595 2.326a277 277 0 0 0-5.91 5.581a.37.37 0 0 0 0 .54a.38.38 0 0 0 .528 0c1.678-1.468 2.217-1.868 6.37-5.392" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MicrophoneOffIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.