Play List 6 アイコン
streamline-flex-color:play-list-6
Play List 6 アイコン(streamline-flex-color:play-list-6)は、Flex color icons セットの無料 SVG アイコンです(作者: Streamline)。 14 × 14 のグリッドで描かれています。 Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- エンターテインメント
- タグ
- playlist
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#fff" fill-rule="evenodd" d="m10.531 11.501l.628-.05l.957-.074c.477-.035.867-.398.943-.87l.055-.334c.153-.933.312-1.901.312-2.893s-.159-1.96-.312-2.894l-.055-.334a1.04 1.04 0 0 0-.943-.87l-.957-.074l-.628-.05l.036.493c.09 1.203.183 2.45.183 3.729s-.093 2.525-.182 3.728zM3.47 3.058l-.037.493c-.09 1.203-.182 2.45-.182 3.729s.093 2.525.182 3.728l.037.493l-.629-.05l-.957-.074a1.04 1.04 0 0 1-.942-.87l-.055-.334C.733 9.24.574 8.272.574 7.28s.16-1.96.313-2.894l.055-.334c.076-.472.466-.835.942-.87l.957-.074z" clip-rule="evenodd"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="m2.004 3.173l-.12.009a1.04 1.04 0 0 0-.942.87C.774 5.088.574 6.169.574 7.28c0 1.11.2 2.192.368 3.228c.076.472.466.834.943.87l.119.009"/><path fill="#d7e0ff" d="M3.482 11.668c.034.476.395.867.866.948c.853.148 1.74.318 2.652.318s1.8-.17 2.653-.318c.47-.081.832-.472.866-.948c.1-1.405.231-2.875.231-4.388c0-1.514-.13-2.984-.231-4.388a1.044 1.044 0 0 0-.866-.949C8.8 1.796 7.912 1.625 7 1.625s-1.799.17-2.652.318c-.47.082-.832.472-.866.949c-.1 1.404-.231 2.874-.231 4.388s.13 2.983.23 4.388"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M3.482 11.668c.034.476.395.867.866.948c.853.148 1.74.318 2.652.318s1.8-.17 2.653-.318c.47-.081.832-.472.866-.948c.1-1.405.231-2.875.231-4.388c0-1.514-.13-2.984-.231-4.388a1.044 1.044 0 0 0-.866-.949C8.8 1.796 7.912 1.625 7 1.625s-1.799.17-2.652.318c-.47.082-.832.472-.866.949c-.1 1.404-.231 2.874-.231 4.388s.13 2.983.23 4.388"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M6.759 9.04V5.406c.69 0 1.225.295 1.781.825M5.737 8.272c0 .586.47.883 1.02.767m5.239-5.866l.12.009c.476.035.866.398.943.87c.167 1.036.367 2.117.367 3.228c0 1.11-.2 2.192-.367 3.228a1.04 1.04 0 0 1-.943.87l-.12.009"/></g></svg>Play List 6 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:play-list-6" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:play-list-6" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:play-list-6" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--play-list-6]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:play-list-6"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:play-list-6"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/play-list-6.svg" alt="Play List 6 アイコン" width="24" height="24">Flex color icons の関連アイコン
他のアイコンセットの Play List 6 アイコン
Play List 6 アイコン のよくある質問
Play List 6 アイコンは商用利用でも無料ですか?
はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Play List 6 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex-color:play-list-6" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Play List 6 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/play-list-6.svg" alt="Play List 6 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。