Volume Mute Icon — Free SVG Component
The Volume Mute icon is a free, open-source SVG icon component built with TypeScript for React, Next.js, Vue, Remix, Svelte, and Astro projects. No npm install or package dependency required — just copy the component code and paste it into your project.
How to use Volume Mute icon in React
Import the Volume Mute component from your icons folder. Use it as a standard React component with props: size (number), color (string), className (string), and all standard SVG attributes via spread props.
Example: <Volume Mute size={24} color=“currentColor“ className=“shrink-0“ />
Features
- Zero dependencies — no package install needed
- TypeScript ready with full type safety
- Fully customizable size, color, and className
- Works with Tailwind CSS, styled-components, CSS modules
- Accessible — supports aria attributes
- Tree-shakeable — only import what you use
- MIT licensed — free for commercial use
Compatible frameworks
React, Next.js (App Router & Pages Router), Vue, Remix, Svelte, Astro, Nuxt, Gatsby, Vite, Angular, Qwik.
Category: voice-activity
Browse more voice-activity icons in the Next Icons library. All icons are hand-crafted SVGs optimized for web performance.