Иконка Volume Broken

solar:volume-broken

Иконка Volume Broken (solar:volume-broken) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Видео
Теги: volumebroken

Скачать SVG

Код SVG

<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>

Как использовать иконку Volume Broken

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Volume Broken

Можно ли бесплатно использовать иконку Volume Broken в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Volume Broken в React?

Установите @iconify/react и выведите <Icon icon="solar:volume-broken" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Volume Broken на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/volume-broken.svg" alt="Иконка Volume Broken">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →