Иконка Multimedia Controls Single Track

streamline-freehand-color:multimedia-controls-single-track

Иконка Multimedia Controls Single Track (streamline-freehand-color:multimedia-controls-single-track) — бесплатная SVG-иконка из набора Freehand color icons от Streamline. Она нарисована на сетке 24 × 24. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Freehand color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Основы интерфейса
Теги: multimediacontrols, controlssingle, singletrack, multimediacontrolssingletrack, control

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M5.498 8.66a.36.36 0 0 0 0-.5c-.571-.692-3.155-2.785-4.006-3.877l-.06-.12c.13-.1.33-.23.48-.37C2.914 2.94 4.416 1.579 5.207.928l.44-.34a.3.3 0 0 0 .171-.34s-.21-.391-.51-.19l-.191.12c-.34.22-1.062.68-1.833 1.211c-.77.53-1.832 1.282-2.403 1.753c-.304.22-.543.517-.691.861a1 1 0 0 0 .12.6c.204.34.457.647.751.912C2.223 6.617 4.436 8.07 4.977 8.63a.35.35 0 0 0 .52.03m18.158 10.746a3.3 3.3 0 0 0-.751-.911c-1.152-1.082-3.365-2.534-3.926-3.095a.35.35 0 1 0-.521.47c.56.692 3.155 2.785 4.006 3.877l.06.12c-.14.1-.33.23-.49.37a121 121 0 0 1-3.286 2.865c-.2.16-.34.29-.42.34a.3.3 0 0 0-.14.31s.2.391.51.19l.18-.12c.351-.22 1.072-.68 1.843-1.211s1.833-1.282 2.404-1.753c.303-.229.541-.532.691-.881a.9.9 0 0 0-.16-.571"/><path fill="#020202" d="M3.134 4.434a.31.31 0 0 0 .39.21a34 34 0 0 1 6.77-.26c.952 0 1.924 0 2.875.09c1.562 0 3.065.12 4.307.21q1.193.077 2.363.32c.15 0 .27 0 .31.09c.317.707.451 1.482.391 2.254c.08 1.352 0 2.924 0 4.006a.36.36 0 0 0 .34.37a.35.35 0 0 0 .361-.34c.08-1.262.22-3.225.17-4.717a4.2 4.2 0 0 0-.52-2.263a4.8 4.8 0 0 0-2.294-.711a44 44 0 0 0-4.867-.34c-4.216-.081-9.014.27-10.426.74a.31.31 0 0 0-.17.34m16.475 15.594a.38.38 0 0 0 .21-.24a.35.35 0 0 0-.12-.34c-.24-.211-1.142.1-1.733.11c-1.612 0-4.256 0-6.83-.11c-1.632-.051-3.245-.091-4.537-.151c-.81-.03-1.617-.12-2.413-.27a9 9 0 0 1-.3-1.673c-.171-1.502-.261-3.455-.311-4.747a.37.37 0 0 0-.506-.323a.34.34 0 0 0-.205.333c0 1.312 0 3.295.07 4.817a7.4 7.4 0 0 0 .36 2.213a.73.73 0 0 0 .24.27q.422.218.892.281q1.803.26 3.626.3c1.111 0 2.353.06 3.585 0c2.924 0 5.839-.24 7.16-.4q.41.013.812-.07"/><path fill="#0c6fff" d="M10.365 15.25h2.324c.64 0 1.261-.11 1.892-.18a.36.36 0 0 0 0-.711c-.54-.07-1.071-.18-1.612-.24c.06-1.002.15-1.934.17-2.915V9.722q-.005-.753-.15-1.493c-.08-.28-.22-.54-.41-.76a.66.66 0 0 0-.692-.231c-.24.087-.458.223-.64.4q-.21.225-.391.471a6 6 0 0 0-.471.761q-.18.253-.29.541a.38.38 0 0 0 .08.35a.32.32 0 0 0 .32.12a.31.31 0 0 0 .29-.31c.09 0 .18-.29.2-.32s.271-.34.422-.5q.207-.222.45-.401q.015.16 0 .32c.05.41 0 .861.06 1.202l.27 4.286h-.77l-1.162.32l-.4.13c-.181 0-.181.151-.12.281c.25.37.14.36.63.36"/></g></svg>

Как использовать иконку Multimedia Controls Single Track

React

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

<Icon icon="streamline-freehand-color:multimedia-controls-single-track" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand-color:multimedia-controls-single-track" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand-color:multimedia-controls-single-track" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--multimedia-controls-single-track]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:multimedia-controls-single-track"></div>

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

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

<iconify-icon icon="streamline-freehand-color:multimedia-controls-single-track"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/multimedia-controls-single-track.svg" alt="Иконка Multimedia Controls Single Track" width="24" height="24">

Иконка Multimedia Controls Single Track в других наборах

Вопросы и ответы: Иконка Multimedia Controls Single Track

Можно ли бесплатно использовать иконку Multimedia Controls Single Track в коммерческих проектах?

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

Как использовать иконку Multimedia Controls Single Track в React?

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

Как добавить иконку Multimedia Controls Single Track на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/multimedia-controls-single-track.svg" alt="Иконка Multimedia Controls Single Track">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Freehand color icons →