Train Ticket アイコン

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

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

fontisto:train-ticket

Train Ticket アイコン(fontisto:train-ticket)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 旅行
タグ: trainticket

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.437 23.473a.6.6 0 0 0-.087-.112l-.022-.021l.001.001a.86.86 0 0 0-1.134-.063l-.003.003l-.982-.982a.86.86 0 0 0-.06-1.137a.86.86 0 0 0-1.134-.063l-.003.003l-.982-.982a.86.86 0 0 0-.06-1.137a.86.86 0 0 0-1.134-.063l-.003.003l-.982-.982a.86.86 0 0 0-.06-1.137a.86.86 0 0 0-1.134-.063l-.003.003l-.982-.982a.86.86 0 0 0-.06-1.137c-.024-.024-.059-.036-.084-.06L14.445.649q.015.037.047.07l.015.014l-.001-.001l.006.006a.84.84 0 0 0 1.186 0l.006-.006c.024-.024.024-.048.048-.072l.983.983a.14.14 0 0 0-.062.038l-.01.011a.89.89 0 0 0 .098 1.296l-.003-.003l.006.006a.84.84 0 0 0 1.186 0l.006-.006c.024-.024.024-.048.048-.072l.982.982a.14.14 0 0 0-.062.038l-.01.011a.847.847 0 1 0 1.198 1.198c.024-.024.024-.048.048-.072l.982.982a.14.14 0 0 0-.063.039l-.009.01a.847.847 0 1 0 1.198 1.198c.024-.024.024-.048.048-.072l.982.982a.14.14 0 0 0-.062.038l-.01.011l-.006.006a.84.84 0 0 0 0 1.186l.005.005l.019.02a.6.6 0 0 0 .116.09l-.003-.002zm9.26-10.889l.12.12a.254.254 0 0 0 .359-.359l-.122-.122a.254.254 0 0 0-.359.359zm-.012-4.754l2.108 2.108a.254.254 0 0 0 .359-.359l-2.108-2.108a.254.254 0 0 0-.359.359m-5.452-3.89l6.778 6.778a.254.254 0 0 0 .359-.359l-6.778-6.778a.254.254 0 0 0-.359.359m2.144 10.527h.288a.29.29 0 0 0 .264-.264v.001a.247.247 0 0 0-.275-.228h-2.132a.247.247 0 0 0-.251.251a.21.21 0 0 0 .109.205l-.001-.001l-2.503 2.503a.22.22 0 0 0-.204-.107a.246.246 0 0 0-.252.251l-.001 2.131a.247.247 0 0 0 .251.251a.29.29 0 0 0 .264-.264v.001v-.288zm2.479-2.719l.12.12a.254.254 0 0 0 .359-.359l-.12-.12a.254.254 0 0 0-.359.359m-.838-.838l.12.12a.254.254 0 0 0 .359-.359l-.12-.12a.254.254 0 0 0-.359.359m-.838-.838l.12.12a.254.254 0 0 0 .359-.359l-.121-.121a.254.254 0 0 0-.359.359zm-9.928 1.736l.036.036a1.7 1.7 0 0 0 .167 2.204l2.434 2.434a1 1 0 0 0 1.414 0l2.515-2.515a1 1 0 0 0 0-1.414l-2.434-2.434a1.7 1.7 0 0 0-2.197-.173l-.008.006l-.036-.036a.26.26 0 0 0-.359 0l-1.532 1.532a.26.26 0 0 0 0 .359zm9.087-2.571l.12.12a.254.254 0 0 0 .359-.359l-.121-.121a.254.254 0 0 0-.359.359zm-.838-.838l.119.119a.254.254 0 0 0 .359-.359l-.119-.119a.254.254 0 0 0-.359.359m-.839-.839l.12.12a.254.254 0 0 0 .359-.359l-.12-.12a.254.254 0 0 0-.359.359m1.676-2.994l.599.599a.254.254 0 0 0 .359-.359l-.599-.599a.254.254 0 0 0-.359.359m-2.514 2.156l.12.12a.254.254 0 0 0 .359-.359l-.12-.12a.254.254 0 0 0-.359.359m1.209-3.461l.596.596a.254.254 0 0 0 .359-.359l-.596-.596a.254.254 0 0 0-.359.359m-2.047 2.622l.12.12a.254.254 0 0 0 .359-.359l-.121-.121a.254.254 0 0 0-.359.359zm-.839-.838l.12.12a.254.254 0 0 0 .359-.359l-.121-.121a.254.254 0 0 0-.359.359zm-.212 13.146l-.012-.611l3.125-3.125l.611.012zm-.995-2.072a.493.493 0 0 1-.695 0l-1.113-1.113l3.21-3.21l1.113 1.113a.493.493 0 0 1 0 .695zm.838-2.203a.779.779 0 1 0 0-1.101a.79.79 0 0 0 0 1.101m-1.652 1.653l.001.001a.776.776 0 0 0 1.099 0l.001-.001c.299-.306.299-.795 0-1.101s-.001-.001-.001-.001a.776.776 0 0 0-1.099 0l-.001.001a.79.79 0 0 0 0 1.101m2-2.024a.271.271 0 1 1 .385 0l-.003.003a.27.27 0 0 1-.378 0zm-1.653 1.652a.272.272 0 1 1 .384 0l-.003.003a.27.27 0 0 1-.378 0zm-1.701-.55l-.958-.958l-.006-.006a1.18 1.18 0 0 1 0-1.666l.005-.005l1.532-1.532l.006-.006c.46-.46 1.206-.46 1.666 0l.005.005l.958.958z"/></svg>

Train Ticket アイコンの使い方

React

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

<Icon icon="fontisto:train-ticket" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:train-ticket" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:train-ticket" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--train-ticket]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:train-ticket"></div>

Web コンポーネント

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

<iconify-icon icon="fontisto:train-ticket"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/train-ticket.svg" alt="Train Ticket アイコン" width="24" height="24">

Fontisto の関連アイコン

他のアイコンセットの Train Ticket アイコン

Train Ticket アイコンのよくある質問

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

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

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

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

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

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

Fontisto アイコンをすべて見る →