Voice Off icon
icon-park:voice-off
The Voice Off icon (icon-park:voice-off) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Music
- Tags
- voiceoff
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path d="M31 24V11C31 7.13401 27.866 4 24 4C20.134 4 17 7.13401 17 11V24C17 27.866 20.134 31 24 31C27.866 31 31 27.866 31 24Z"/><path stroke-linecap="round" d="M9 23C9 31.2843 15.7157 38 24 38C25.7532 38 27.4361 37.6992 29 37.1465M39 23C39 25.1333 38.5547 27.1626 37.7519 29"/><path stroke-linecap="round" d="M24 38V44"/><path stroke-linecap="round" d="M42 42L6 6"/></g></svg>
How to use the Voice Off icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:voice-off" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:voice-off" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:voice-off" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--voice-off]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:voice-off"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:voice-off"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/voice-off.svg" alt="Voice Off icon" width="24" height="24">
Related icons in IconPark
Voice Off icon in other icon sets
Voice Off icon FAQ
Is the Voice Off icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Voice Off icon in React?
Install @iconify/react and render <Icon icon="icon-park:voice-off" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Voice Off icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/voice-off.svg" alt="Voice Off icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
