Tram アイコン
fluent-emoji-high-contrast:tram
Tram アイコン(fluent-emoji-high-contrast:tram)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9 14.81c0 .66.53 1.19 1.19 1.19h11.62c.66 0 1.19-.53 1.19-1.19V7.83c0-.46-.37-.83-.82-.83H9.83c-.46 0-.83.37-.83.83zm13 0c0 .108-.082.19-.19.19H10.19a.187.187 0 0 1-.19-.19V10h12z"/><path d="M12 4v1H9.03c-1.08 0-1.96.83-2.02 1.891q0 2.025-.005 4.049q-.004 2.023-.005 4.048v4.792c0 1.937 1.316 3.566 3.114 4.07c-.386.555-.842 1.202-1.254 1.788a78 78 0 0 0-1.186 1.707l-.069.115c-.182.3-.408.673-.162 1.098c.266.46.848.454 1.018.453h14.832c.318 0 .703-.02.954-.347c.25-.327.27-.722-.068-1.261a239 239 0 0 0-1.732-2.602l-.627-.936C23.657 23.38 25 21.742 25 19.78V6.952l-.01-.039a.2.2 0 0 1-.01-.042A2.017 2.017 0 0 0 22.95 5H20V4h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm6 0v1h-4V4zM9.03 6h13.92c.56 0 .992.417 1.032.928q.005.09.018.15v7.91c0 1.11-.903 2.012-2.01 2.012H10.01A2.014 2.014 0 0 1 8 14.988q0-2.023.005-4.047q.004-2.007.005-4.016A1.01 1.01 0 0 1 9.03 6M12 21h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m10 0h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m-7.5-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5zm-3.504 5.228c.077-.125.433-.5.886-.5h8.016c.395 0 .69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096H10.69zM9.668 27.32c.106-.173.618-.596 1.07-.596h10.55c.211 0 .524.118.664.328c.077.115.374.564.444.673H9.39c.058-.077.195-.266.28-.405"/></g></svg>
Tram アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:tram" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:tram" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:tram" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--tram]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:tram"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:tram"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tram.svg" alt="Tram アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
Tram アイコン のよくある質問
Tram アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tram アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:tram" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tram アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tram.svg" alt="Tram アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
