Track アイコン

Q: Track アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:track

Track アイコン(arcticons:track)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.222 16.556a47.8 47.8 0 0 0-16.444 0c-3.15.545-5.589 3.064-6.178 6.206a37.2 37.2 0 0 0 0 13.82c.59 3.142 3.027 5.66 6.178 6.206q8.222 1.425 16.444 0c3.15-.546 5.589-3.064 6.178-6.207a37.2 37.2 0 0 0 0-13.819c-.59-3.142-3.027-5.66-6.178-6.206"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.052 25.93s0-3.114-1.544-5.635q-10.203-2.813-20.408 0c-1.543 2.427-1.543 5.634-1.543 5.634c6.803-1.875 16.692-1.875 23.495 0"/><circle cx="15.902" cy="28.839" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="21.503" cy="28.839" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="27.105" cy="28.839" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="32.707" cy="28.839" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="15.902" cy="33.656" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="21.503" cy="33.656" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="27.105" cy="33.656" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="32.707" cy="33.656" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="15.902" cy="38.473" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="21.503" cy="38.473" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="27.105" cy="38.473" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="32.707" cy="38.473" r="1.638" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.076 11.33c-.017-3.216-2.27-7.782-8.66-6.655c-.197 3.525 1.695 10.043 8.153 8.968"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.205 9.415c-4.017-1.617-7.76.494-7.64 4.228c4.782 1.262 6.533-.54 7.64-4.228"/></svg>

Track アイコンの使い方

React

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

<Icon icon="arcticons:track" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:track" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:track" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--track]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:track"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:track"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/track.svg" alt="Track アイコン" width="24" height="24">

Arcticons の関連アイコン

他のアイコンセットの Track アイコン

Track アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →