Volume Broken icon

solar:volume-broken

The Volume Broken icon (solar:volume-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Video
Tags: volumebroken

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M5.95863 8.57679C6.24482 8.04563 6.79239 7.53042 7.33997 7.27707C7.9393 6.99979 8.62626 6.99979 10.0002 6.99979C10.5122 6.99979 10.7683 6.99979 11.0163 6.95791C11.2615 6.9165 11.5006 6.84478 11.728 6.74438C11.9581 6.64283 12.1719 6.50189 12.5994 6.22002L12.8183 6.07566C15.3613 4.39898 16.6328 3.56063 17.7001 3.92487C17.9048 3.9947 18.1029 4.09551 18.2798 4.21984C19.2025 4.86829 19.2726 6.37699 19.4128 9.3944C19.4647 10.5117 19.5001 11.4679 19.5001 11.9998C19.5001 12.5317 19.4647 13.4879 19.4128 14.6052C19.2726 17.6226 19.2025 19.1313 18.2798 19.7797C18.1029 19.9041 17.9048 20.0049 17.7001 20.0747C16.6328 20.4389 15.3613 19.6006 12.8183 17.9239L12.5994 17.7796C12.1719 17.4977 11.9581 17.3567 11.728 17.2552C11.5006 17.1548 11.2615 17.0831 11.0163 17.0417C10.7683 16.9998 10.5122 16.9998 10.0002 16.9998C8.62626 16.9998 7.9393 16.9998 7.33997 16.7225C6.79239 16.4692 6.24482 15.9539 5.95863 15.4228C5.6454 14.8414 5.60856 14.237 5.53488 13.0282C5.52396 12.849 5.51525 12.6722 5.50928 12.4998"/></svg>

How to use the Volume Broken icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:volume-broken" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:volume-broken" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:volume-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--volume-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:volume-broken"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:volume-broken"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/volume-broken.svg" alt="Volume Broken icon" width="24" height="24">

Related icons in Solar

Volume Broken icon FAQ

Is the Volume Broken icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Volume Broken icon in React?

Install @iconify/react and render <Icon icon="solar:volume-broken" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Volume Broken icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/volume-broken.svg" alt="Volume Broken icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →