ICONYZ
Русский
Иконка Play List Folder из набора Plump color icons

Иконка Play List Folder

streamline-plump-color:play-list-folder

Иконка Play List Folder (streamline-plump-color:play-list-folder) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Plump color icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
48 × 48
Категория
Развлечения
Теги
playlist, listfolder, playlistfolder
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M17.86 5.22c-1.208-1.4-3-2.18-4.844-2.032c-2.936.233-5.012.549-6.429.835c-1.705.344-2.858 1.695-3.04 3.426C3.287 9.908 3 14.344 3 21.919s.288 12.011.547 14.47c.182 1.73 1.333 3.081 3.039 3.426c2.372.48 6.592 1.041 13.61 1.162A10 10 0 0 1 20 39.001c0-4.66 3.187-8.575 7.5-9.685v-4.814c0-3.837 3.41-6.92 7.168-6.456c3.553.439 6.266 1.846 8.332 3.661c-.002-2.88-.046-5.3-.114-7.326c-.104-3.121-2.705-5.517-5.828-5.517H22.833a4 4 0 0 1-3.03-1.389L17.86 5.221Z"/><path fill="#fff" d="M31.5 24.501c0-1.5 1.37-2.647 2.678-2.486c6.876.85 9.67 6.61 10.786 10.557c.235.83-.735 1.21-1.245.533c-2.123-2.818-4.468-4.141-6.441-4.736c-.457-.138-.892.242-.892.746L36 39a6 6 0 1 1-4.5-5.811z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M42.994 20.502a255 255 0 0 0-.108-6.121c-.104-3.121-2.705-5.517-5.828-5.517H22.833a4 4 0 0 1-3.03-1.389L17.86 5.221c-1.208-1.401-3-2.18-4.844-2.033c-2.936.233-5.012.549-6.429.835c-1.705.344-2.858 1.695-3.04 3.426C3.287 9.908 3 14.344 3 21.919s.288 12.011.547 14.47c.182 1.73 1.335 3.082 3.04 3.426c2.236.452 6.11.976 12.413 1.136"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M31.5 24.501c0-1.5 1.37-2.647 2.678-2.486c6.876.85 9.67 6.61 10.786 10.557c.235.83-.735 1.21-1.245.533c-2.123-2.818-4.468-4.141-6.441-4.736c-.457-.138-.892.242-.892.746L36 39a6 6 0 1 1-4.5-5.811z"/></g></svg>

Как использовать иконку Play List Folder

React

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

<Icon icon="streamline-plump-color:play-list-folder" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:play-list-folder" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:play-list-folder" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--play-list-folder]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:play-list-folder"></div>

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

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

<iconify-icon icon="streamline-plump-color:play-list-folder"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/play-list-folder.svg" alt="Иконка Play List Folder" width="24" height="24">

Похожие иконки в наборе Plump color icons

Иконка Play List Folder в других наборах

Вопросы и ответы: Иконка Play List Folder

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

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

Как использовать иконку Play List Folder в React?

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

Как добавить иконку Play List Folder на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/play-list-folder.svg" alt="Иконка Play List Folder">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump color icons →