ICONYZ
日本語
Qlementine Icons の Tracklist 16 アイコン

Tracklist 16 アイコン

qlementine-icons:tracklist-16

Tracklist 16 アイコン(qlementine-icons:tracklist-16)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Qlementine Icons
作者
Olivier Cléro
ライセンス
MIT
サイズ
24 × 24
カテゴリ
その他
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m14.6.094l-.614-.09a.3.3 0 0 0-.295.137l-.961 1.55a.3.3 0 0 0-.042.113l-.067 1.19l-1.8 2.76l-.006-.004c-.896-.437-1.81-.606-2.68.01c-.627.448-.683.899-.741 1.37c-.043.348-.088.708-.366 1.08c-.23.311-.607.482-1.03.674c-.78.354-1.71.777-2.15 2.28c-.64 2.2 1.42 3.45 2.06 3.84l.087.053l.086.055c.63.4 2.66 1.69 4.35.139c1.15-1.06 1.12-2.08 1.09-2.94c-.015-.462-.03-.875.147-1.22l.003.001c.214-.417.516-.616.809-.809c.396-.26.775-.51.898-1.27c.169-1.04-.385-1.78-1.17-2.39l-.03.042l1.69-2.89l1.09-.63l.995-1.6a.3.3 0 0 0-.007-.326l-.354-.51a1.5 1.5 0 0 0-1-.62v.003zM0 1.5A.5.5 0 0 1 .5 1h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5m0 4A.5.5 0 0 1 .5 5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5M.5 9a.5.5 0 0 0 0 1H2a.5.5 0 0 0 0-1zM0 13.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"/></svg>

Tracklist 16 アイコンの使い方

React

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

<Icon icon="qlementine-icons:tracklist-16" width="24" />

Vue

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

<template>
  <Icon icon="qlementine-icons:tracklist-16" width="24" />
</template>

Svelte

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

<Icon icon="qlementine-icons:tracklist-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--tracklist-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:tracklist-16"></div>

Web コンポーネント

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

<iconify-icon icon="qlementine-icons:tracklist-16"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/qlementine-icons/tracklist-16.svg" alt="Tracklist 16 アイコン" width="24" height="24">

Tracklist 16 アイコン のよくある質問

Tracklist 16 アイコンは商用利用でも無料ですか?

はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Tracklist 16 アイコンを使うには?

@iconify/react をインストールして <Icon icon="qlementine-icons:tracklist-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Tracklist 16 アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/tracklist-16.svg" alt="Tracklist 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Qlementine Icons をすべて見る →