Иконка Music Slider2 Duotone

reicon:music-slider2-duotone

Иконка Music Slider2 Duotone (reicon:music-slider2-duotone) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Reicon
Автор: REICON
Лицензия: MIT
Размер: 24 × 24
Категория: Видео
Теги: musicslider2, slider2duotone, musicslider2duotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.869 8.412c.07-.03.102-.04.11-.043a.25.25 0 0 1 .254.157a1 1 0 0 1 .01.118c.007.117.007.276.007.527a7 7 0 0 1-.004.259a.25.25 0 0 1-.093.15l-.039.023c-.04.022-.095.05-.19.097l-1.317.659c-.225.112-.367.183-.475.23a1 1 0 0 1-.11.042a.25.25 0 0 1-.254-.157a1 1 0 0 1-.011-.117a11 11 0 0 1-.007-.528a7 7 0 0 1 .005-.258a.25.25 0 0 1 .093-.151l.038-.022l.191-.098l1.317-.658c.225-.112.367-.183.475-.23M10 13.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5"/><path fill-rule="evenodd" d="M7.236 2.879C6.42 3.757 6.42 5.172 6.42 8v8c0 2.828 0 4.243.817 5.121S9.37 22 12 22s3.947 0 4.764-.879c.818-.878.818-2.293.818-5.121V8c0-2.828 0-4.243-.818-5.121C15.947 2 14.631 2 12 2c-2.63 0-3.946 0-4.764.879m9.41 5.143a1.75 1.75 0 0 0-1.848-1.142c-.199.023-.378.09-.529.157c-.148.064-.326.153-.529.255l-1.37.685a2.7 2.7 0 0 0-.433.251a1.75 1.75 0 0 0-.655 1.061c-.032.166-.032.338-.032.5v2.761a2.75 2.75 0 1 0 1.5 2.45v-2.886q.223.033.453.006c.199-.023.377-.09.528-.156c.149-.065.327-.154.53-.255l1.37-.685c.144-.073.298-.15.432-.252a1.75 1.75 0 0 0 .656-1.06a2.6 2.6 0 0 0 .031-.5v-.06c0-.226 0-.425-.008-.587a1.9 1.9 0 0 0-.096-.543" clip-rule="evenodd"/><path d="M6.724 3.762H5.268a8 8 0 0 0-.434.025c-.43.038-.82.119-1.183.318a3.15 3.15 0 0 0-1.321 1.42c-.186.39-.26.809-.296 1.272C2 7.245 2 7.796 2 8.47v7.063c0 .673 0 1.224.034 1.671c.035.464.11.882.296 1.273c.29.611.752 1.108 1.32 1.42c.364.2.753.28 1.184.318q.202.018.434.025h1.456c-.304-.899-.304-2.203-.304-4.24V8c0-2.037 0-3.34.305-4.238m10.551 16.477c.306-.898.306-2.202.306-4.239V8c0-2.037 0-3.34-.305-4.238h1.455q.233.007.434.025c.43.038.82.119 1.183.318a3.15 3.15 0 0 1 1.322 1.42c.185.39.26.809.295 1.272c.034.448.034.999.034 1.672v7.063c0 .673 0 1.224-.034 1.671c-.035.464-.11.882-.296 1.273a3.15 3.15 0 0 1-1.32 1.42c-.364.2-.753.28-1.184.318a8 8 0 0 1-.434.025z" opacity=".5"/></g></svg>

Как использовать иконку Music Slider2 Duotone

React

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

<Icon icon="reicon:music-slider2-duotone" width="24" />

Vue

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

<template>
  <Icon icon="reicon:music-slider2-duotone" width="24" />
</template>

Svelte

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

<Icon icon="reicon:music-slider2-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--music-slider2-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:music-slider2-duotone"></div>

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

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

<iconify-icon icon="reicon:music-slider2-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/reicon/music-slider2-duotone.svg" alt="Иконка Music Slider2 Duotone" width="24" height="24">

Вопросы и ответы: Иконка Music Slider2 Duotone

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

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

Как использовать иконку Music Slider2 Duotone в React?

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

Как добавить иконку Music Slider2 Duotone на веб-страницу?

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

Все Иконки Reicon →