Play List 6 Flat アイコン
streamline-flex-color:play-list-6-flat
Play List 6 Flat アイコン(streamline-flex-color:play-list-6-flat)は、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、listflat、playlistflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#8fbffa" d="M3.185 11.755c.038.505.453.921.995 1.01c.908.15 1.852.318 2.82.318c.969 0 1.913-.168 2.821-.318c.542-.089.957-.505.995-1.01c.109-1.433.248-2.932.248-4.475s-.139-3.042-.248-4.475c-.038-.506-.453-.922-.995-1.01c-.908-.15-1.852-.319-2.82-.319c-.97 0-1.913.169-2.821.318c-.542.09-.957.505-.995 1.01c-.11 1.434-.248 2.933-.248 4.476s.139 3.042.248 4.475"/><path fill="#2859c5" fill-rule="evenodd" d="M3.215 11.937a1 1 0 0 1-.03-.182l-.051-.649c-.097-1.235-.198-2.515-.198-3.826c0-1.312.101-2.592.198-3.827l.05-.649q.008-.093.031-.181l-.554.045l-.736.06C1.352 2.774.88 3.27.78 3.915l-.035.227C.584 5.156.419 6.205.419 7.28s.165 2.124.325 3.137l.035.227c.101.646.573 1.141 1.146 1.187l.736.06zm7.57 0l.555-.046l.735-.06c.573-.046 1.045-.54 1.146-1.187l.036-.227c.16-1.013.325-2.063.325-3.137c0-1.075-.166-2.124-.325-3.138l-.036-.227c-.1-.646-.573-1.14-1.146-1.187l-.735-.06l-.555-.045q.024.089.03.181l.051.65c.097 1.234.198 2.514.198 3.826c0 1.311-.1 2.591-.198 3.826l-.05.649a1 1 0 0 1-.03.182Zm-4.189-7.61a.625.625 0 0 0-.625.625v2.235c-.791.003-1.236.45-1.236 1.243c0 .795.448 1.243 1.243 1.243s1.243-.448 1.243-1.243m0 0V5.617c.44.106.774.49.79.903q.004.087.004.171a.625.625 0 1 0 1.25 0a6 6 0 0 0-.005-.22C9.214 5.3 8.22 4.406 7.111 4.343a9 9 0 0 0-.515-.016" clip-rule="evenodd"/></g></svg>Play List 6 Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:play-list-6-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:play-list-6-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:play-list-6-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--play-list-6-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:play-list-6-flat"></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-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/play-list-6-flat.svg" alt="Play List 6 Flat アイコン" width="24" height="24">Flex color icons の関連アイコン
Play List 6 Flat アイコン のよくある質問
Play List 6 Flat アイコンは商用利用でも無料ですか?
はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Play List 6 Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex-color:play-list-6-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Play List 6 Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/play-list-6-flat.svg" alt="Play List 6 Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。