High Speed Train Front アイコン
streamline-color:high-speed-train-front
High Speed Train Front アイコン(streamline-color:high-speed-train-front)は、Streamline color セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Streamline color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline color
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 地図・旅行
- タグ
- highspeed、speedtrain、trainfront、highspeedtrainfront
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#fff" d="M4.497 3.365h4.648s1.271 0 1.271 1.271s0 1.271-1.271 1.271H4.497s-1.271 0-1.271-1.271s0-1.271 1.271-1.271m6.12 7.308c-1.012 1.243-2.341 2.095-3.797 2.095c-1.454 0-2.782-.853-3.794-2.095c.641-1.745 2.1-2.49 3.796-2.49s3.153.747 3.795 2.49"/><path fill="#d7e0ff" fill-rule="evenodd" d="M12.564 5.39c0 1.804-.753 3.816-1.947 5.283c-.642-1.743-2.1-2.49-3.795-2.49c-1.696 0-3.155.745-3.796 2.49c1.012 1.242 2.34 2.094 3.794 2.094c-3.173 0-5.744-4.044-5.744-7.378S3.647.694 6.82.694s5.744 1.361 5.744 4.695M4.498 3.364a1.271 1.271 0 1 0 0 2.542h4.648a1.271 1.271 0 1 0 0-2.542z" clip-rule="evenodd"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M4.497 3.365h4.648s1.271 0 1.271 1.271v0s0 1.271-1.271 1.271H4.497s-1.271 0-1.271-1.271v0s0-1.271 1.271-1.271"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M12.564 5.39c0 3.333-2.572 7.378-5.744 7.378S1.076 8.723 1.076 5.389S3.647.694 6.82.694s5.744 1.361 5.744 4.695"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M10.617 10.673c-1.012 1.243-2.341 2.095-3.797 2.095c-1.454 0-2.782-.85-3.794-2.092c.641-1.745 2.1-2.493 3.796-2.493s3.153.747 3.795 2.49m-8.473 1.593L1.076 13.27m10.78-1.004l1.068 1.003"/></g></svg>High Speed Train Front アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-color:high-speed-train-front" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-color:high-speed-train-front" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-color:high-speed-train-front" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-color--high-speed-train-front]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-color -->
<div class="i-streamline-color:high-speed-train-front"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-color:high-speed-train-front"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-color/high-speed-train-front.svg" alt="High Speed Train Front アイコン" width="24" height="24">Streamline color の関連アイコン
他のアイコンセットの High Speed Train Front アイコン
High Speed Train Front アイコン のよくある質問
High Speed Train Front アイコンは商用利用でも無料ですか?
はい。Streamline color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で High Speed Train Front アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-color:high-speed-train-front" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
High Speed Train Front アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-color/high-speed-train-front.svg" alt="High Speed Train Front アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。