Tram アイコン
emojione-v1:tram
Tram アイコン(emojione-v1:tram)は、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="M59.898 64H4.102l9.368-21.55h37.05z"/><path fill="#63797b" d="M54.776 64H9.226l7.65-17.6h30.24z"/><path fill="#d1d2d3" d="M55.867 24.953c0 13.609-5.385 24.642-12.03 24.642H20.159c-6.642 0-12.03-11.03-12.03-24.642c0-13.608 5.385-24.642 12.03-24.642h23.678c6.644 0 12.03 11.03 12.03 24.642"/><path fill="#bcbdbf" d="M28.57 31.569c-6.938-4.991-14.11-10.906-19.06-18.06c-.88 3.422-1.382 7.313-1.382 11.448c0 13.609 5.385 24.642 12.03 24.642h23.678c3.047 0 5.823-2.342 7.942-6.17c-8.196-2.842-16.03-6.69-23.21-11.856"/><path fill="#c12f49" d="M50.48 18.898c0 9.556-4.171 17.303-9.312 17.303H22.84c-5.145 0-9.313-7.747-9.313-17.303c0-9.558 4.168-17.305 9.313-17.305h18.328c5.141 0 9.312 7.748 9.312 17.305"/><path fill="#243438" d="M50.48 17.305c0 9.556-4.171 17.303-9.312 17.303H22.84c-5.145 0-9.313-7.748-9.313-17.303C13.527 7.748 17.695 0 22.84 0h18.328c5.141 0 9.312 7.748 9.312 17.305"/><path fill="#a3d5e1" d="M41.25 34.596c4.02-.056 7.421-4.122 8.688-9.784c-11.418-4.685-21.631-11.07-28.05-19.497c-1.575.251-3.03 1.141-4.272 2.478c2.816 11.307 11.382 22.21 23.632 26.803"/><path fill="#fbed21" d="M21.15 40.654c-.99 1.663-3.02 2.278-4.543 1.374l-4.104-2.449c-1.52-.904-1.948-2.987-.956-4.652c.992-1.661 3.03-2.274 4.545-1.37l4.106 2.447c1.517.906 1.944 2.987.952 4.65m22.11 0c.993 1.663 3.03 2.278 4.547 1.374l4.104-2.449c1.52-.904 1.947-2.987.956-4.652c-.992-1.661-3.03-2.274-4.545-1.37l-4.106 2.447c-1.52.906-1.946 2.987-.956 4.65"/></svg>
Tram アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:tram" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:tram" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:tram" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--tram]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:tram"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:tram"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/tram.svg" alt="Tram アイコン" width="24" height="24">
Tram アイコン のよくある質問
Tram アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Tram アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:tram" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tram アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/tram.svg" alt="Tram アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
