Play List Folder アイコン
streamline-plump-color:play-list-folder
Play List Folder アイコン(streamline-plump-color:play-list-folder)は、Plump color icons セットの無料 SVG アイコンです（作者: 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 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>Web コンポーネント
<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 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Play List Folder アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。