Train アイコン
emojione-v1:train
Train アイコン(emojione-v1:train)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 旅行
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#86a7ac" d="M60.03 63.999H3.96l9.415-21.659h37.24z"/><path fill="#d1d2d3" d="M55.984 24.762c0 13.675-5.411 24.761-12.09 24.761H20.098c-6.674 0-12.09-11.09-12.09-24.761C8.008 11.086 13.419 0 20.098 0h23.797c6.674 0 12.09 11.09 12.09 24.762"/><path fill="#bcbdbf" d="M9.404 13.257c-.885 3.439-1.389 7.35-1.389 11.505c0 13.675 5.412 24.761 12.09 24.761h23.797c3.06 0 5.85-2.352 7.979-6.198c-8.237-2.856-32.872-1.18-42.473-30.07"/><path fill="#f0f1f2" d="M56.44 25.749c0 14.178-5.159 18.857-12.08 18.857h-7.02c9.772-13.489 19.1-21.06 19.1-18.857m-48.873 0c0 14.178 5.16 18.857 12.08 18.857h7.02c-9.775-13.489-19.1-21.06-19.1-18.857"/><path fill="#66b1de" d="M13.465 10.77c.74-.904 14.954-1.808 15.449 0s2.055 12.162 0 12.654c-2.056.494-14.462-2.466-15.449-4.765c-.985-2.302-.738-6.986 0-7.889m37.055 0c-.74-.904-14.954-1.808-15.448 0s-2.056 12.162 0 12.654c2.056.494 14.462-2.466 15.448-4.765c.986-2.302.74-6.986 0-7.889"/><path fill="#63797b" d="M54.888 63.999H9.114l7.687-17.679H47.2z"/><path fill="#86a7ac" d="M11.03 50.55h40.988v4.611H11.03zm49 13.449H3.96l1.824-4.194h52.42z"/><path fill="#1181a8" d="M55.58 28.601c0 13.675-4.977 18.19-11.651 18.19H37.16c9.426-13.01 18.42-20.308 18.42-18.19m-47.13 0c0 13.675 4.978 18.19 11.652 18.19h6.769C17.444 33.781 8.45 26.483 8.45 28.601"/><path fill="#29abe2" d="M8.45 31.391c0 13.676 4.978 18.19 11.652 18.19h6.769C17.444 36.571 8.45 29.271 8.45 31.391m47.13 0c0 13.676-4.977 18.19-11.651 18.19H37.16c9.426-13.01 18.42-20.31 18.42-18.19"/><path fill="#1181a8" d="M50.3 49.02c0 3.606-11.11 10.489-18.303 10.489c-7.195 0-18.299-6.883-18.299-10.489s11.1-4.908 18.299-4.908c7.195 0 18.303 1.302 18.303 4.908"/><path fill="#29abe2" d="M49.719 48.28c0 3.492-10.754 10.159-17.719 10.159c-6.967 0-17.716-6.667-17.716-10.159c0-3.49 10.75-4.749 17.716-4.749c6.965 0 17.719 1.259 17.719 4.749"/><path fill="#fbed21" d="M52.895 41.532c0 1.608-.955 3.074-2.136 3.074H46.49c-1.181 0-2.136-1.466-2.136-3.074c0-1.613.955-3.074 2.136-3.074h4.269c1.18 0 2.136 1.461 2.136 3.074m-33.326 0c0 1.608-.955 3.074-2.135 3.074h-4.269c-1.181 0-2.136-1.466-2.136-3.074c0-1.613.955-3.074 2.136-3.074h4.269c1.181 0 2.135 1.461 2.135 3.074"/></svg>
Train アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:train" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:train" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:train" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--train]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:train"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:train"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/train.svg" alt="Train アイコン" width="24" height="24">
Train アイコン のよくある質問
Train アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Train アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:train" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Train アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/train.svg" alt="Train アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
