Иконка Music Slider2

reicon:music-slider2

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.945 1.25h2.11c1.367 0 2.47 0 3.337.117c.9.12 1.658.38 2.26.981c.4.4.648.87.806 1.404c.211.003.388.012.55.038a3.25 3.25 0 0 1 2.702 2.702c.04.253.04.542.04.943v9.13c0 .401 0 .69-.04.943a3.25 3.25 0 0 1-2.702 2.702a4 4 0 0 1-.55.038c-.158.534-.406 1.003-.806 1.404c-.602.602-1.36.86-2.26.982c-.867.116-1.97.116-3.337.116h-2.11c-1.367 0-2.47 0-3.337-.116c-.9-.122-1.658-.38-2.26-.982c-.4-.4-.648-.87-.806-1.404a4 4 0 0 1-.55-.038a3.25 3.25 0 0 1-2.702-2.702c-.04-.253-.04-.542-.04-.943v-9.13c0-.401 0-.69.04-.943A3.25 3.25 0 0 1 3.992 3.79c.162-.026.339-.035.55-.038c.158-.534.406-1.003.806-1.404c.602-.602 1.36-.86 2.26-.981c.867-.117 1.97-.117 3.337-.117M4.302 5.262l-.076.01a1.75 1.75 0 0 0-1.454 1.454c-.02.122-.022.28-.022.774v9c0 .493.002.652.022.774a1.75 1.75 0 0 0 1.53 1.464c-.052-.749-.052-1.639-.052-2.683v-8.11c0-1.044 0-1.934.052-2.683m15.396 13.476l.076-.01a1.75 1.75 0 0 0 1.454-1.454c.02-.122.022-.28.022-.774v-9c0-.493-.002-.652-.021-.774a1.75 1.75 0 0 0-1.53-1.464c.051.749.051 1.639.051 2.683v8.11c0 1.044 0 1.934-.052 2.683M7.808 2.853c-.734.099-1.122.28-1.399.556c-.277.277-.457.665-.556 1.4C5.752 5.562 5.75 6.564 5.75 8v8c0 1.435.002 2.436.103 3.192c.099.734.28 1.122.556 1.399c.277.277.665.457 1.4.556c.754.101 1.756.103 3.191.103h2c1.435 0 2.437-.002 3.192-.103c.734-.099 1.122-.28 1.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191V8c0-1.435-.002-2.437-.103-3.192c-.099-.734-.28-1.122-.556-1.399c-.277-.277-.665-.457-1.4-.556c-.754-.101-1.756-.103-3.191-.103h-2c-1.435 0-2.437.002-3.192.103m7.17 5.516a1 1 0 0 0-.11.043c-.108.047-.25.117-.474.23l-1.317.658a7 7 0 0 0-.23.12a.25.25 0 0 0-.092.15l-.003.045l-.002.214c0 .251 0 .41.007.528c.004.076.01.109.01.117a.25.25 0 0 0 .255.157a1 1 0 0 0 .11-.043c.108-.047.25-.117.474-.23l1.317-.658a7 7 0 0 0 .23-.12a.25.25 0 0 0 .093-.151l.002-.044l.002-.214c0-.251 0-.41-.006-.528a1 1 0 0 0-.012-.117a.25.25 0 0 0-.253-.157m-.18-1.49a1.75 1.75 0 0 1 1.847 1.143c.068.188.088.378.096.543c.009.161.009.36.009.587v.059c0 .163 0 .334-.031.5c-.081.422-.315.8-.656 1.061a2.7 2.7 0 0 1-.433.251l-.036.019l-1.334.666c-.203.102-.38.19-.529.255c-.15.066-.33.134-.528.157a1.8 1.8 0 0 1-.453-.006V15a2.75 2.75 0 1 1-1.5-2.45V9.789c0-.163 0-.334.031-.5c.081-.422.314-.8.656-1.061a2.5 2.5 0 0 1 .433-.251l.036-.019l1.334-.666q.305-.155.529-.256c.15-.065.33-.133.528-.156M11.25 15a1.25 1.25 0 1 0-2.5 0a1.25 1.25 0 0 0 2.5 0" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Reicon →