Иконка Volume Knob Bold

solar:volume-knob-bold

Иконка Volume Knob Bold (solar:volume-knob-bold) — бесплатная 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
Категория: Дом
Теги: volumeknob, knobbold, volumeknobbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.25 7.05591C8.84437 7.41777 7 9.49351 7 12C7 14.7615 9.23858 17 12 17C14.7614 17 17 14.7615 17 12C17 9.49351 15.1556 7.41777 12.75 7.05591V11C12.75 11.4142 12.4142 11.75 12 11.75C11.5858 11.75 11.25 11.4142 11.25 11V7.05591Z"/><path d="M13 3.5C13 4.05228 12.5523 4.5 12 4.5C11.4477 4.5 11 4.05228 11 3.5C11 2.94772 11.4477 2.5 12 2.5C12.5523 2.5 13 2.94772 13 3.5Z"/><path d="M20.5 13C19.9477 13 19.5 12.5523 19.5 12C19.5 11.4477 19.9477 11 20.5 11C21.0523 11 21.5 11.4477 21.5 12C21.5 12.5523 21.0523 13 20.5 13Z"/><path d="M3.5 13C2.94772 13 2.5 12.5523 2.5 12C2.5 11.4477 2.94772 11 3.5 11C4.05228 11 4.5 11.4477 4.5 12C4.5 12.5523 4.05228 13 3.5 13Z"/><path d="M6.69685 5.2824C7.08738 5.67292 7.08738 6.30608 6.69685 6.69661C6.30633 7.08713 5.67316 7.08713 5.28264 6.69661C4.89212 6.30608 4.89212 5.67292 5.28264 5.2824C5.67316 4.89187 6.30633 4.89187 6.69685 5.2824Z"/><path d="M18.7174 17.3034C19.1079 17.6939 19.1079 18.3271 18.7174 18.7176C18.3268 19.1081 17.6937 19.1081 17.3031 18.7176C16.9126 18.3271 16.9126 17.6939 17.3031 17.3034C17.6937 16.9129 18.3268 16.9129 18.7174 17.3034Z"/><path d="M18.7174 6.69661C18.3268 7.08713 17.6937 7.08713 17.3031 6.69661C16.9126 6.30608 16.9126 5.67292 17.3031 5.2824C17.6937 4.89187 18.3268 4.89187 18.7174 5.2824C19.1079 5.67292 19.1079 6.30608 18.7174 6.69661Z"/><path d="M6.69685 18.7176C6.30633 19.1081 5.67316 19.1081 5.28264 18.7176C4.89212 18.3271 4.89212 17.6939 5.28264 17.3034C5.67316 16.9129 6.30633 16.9129 6.69685 17.3034C7.08738 17.6939 7.08738 18.3271 6.69685 18.7176Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:volume-knob-bold"></iconify-icon>

Изображение HTML

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

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

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

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

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

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

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

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

Все Иконки Solar →