Transit Station アイコン

map:transit-station

Transit Station アイコン(map:transit-station)は、Map Icons セットの無料 SVG アイコンです（作者: Scott de Jonge）。 50 × 50 のグリッドで描かれています。 Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Map Icons
作者: Scott de Jonge
ライセンス: OFL-1.1
サイズ: 50 × 50
タグ: transitstation

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M20.716 24H3.159c-.512 0-.933-.314-.933-.815l.032-.19l.935-6.006c.078-.424.459.011.917.011h15.657c.454 0 .838-.412.915.012l.936 6.399l.033-.038c0 .497-.424.627-.935.627m-.703 7.569c-.987 0-1.791-.781-1.791-1.75c0-.964.803-1.74 1.791-1.74c.982 0 1.785.776 1.785 1.74c0 .969-.802 1.75-1.785 1.75m-16.177 0c-.979 0-1.782-.781-1.782-1.75c0-.964.802-1.74 1.782-1.74c.993 0 1.794.776 1.794 1.74c0 .969-.801 1.75-1.794 1.75M6 12h11v3H6c-1 0-1-3 0-3m16.698 2.703c-.319-1.542-1.412-2.162-2.939-2.783c-1.524-.619-5.133-1.36-7.788-1.36c-2.666 0-6.255.742-7.779 1.36c-1.525.621-2.635 1.241-2.954 2.783L0 23.289V35h1.785c0 5 3.361 5 3.361 0h13.441c0 5 3.36 5 3.36 0H24V23.289zm22.061 20.391l-.08-.145l.04-.055l.04-.055a9.5 9.5 0 0 0 2.038-1.141c.607-.456.928-1.12 1.139-1.999c.021-.102.064-.34.064-.703V12.821c0-.439-.043-.894-.301-1.356c-.26-.471-.539-.892-.93-1.266c-.387-.37-.947-.685-1.429-.933c-.417-.214-1.34-.328-1.34-.355V9h.135H31v-.072c-1 .046-.756.15-1.102.318c-.48.234-.979.532-1.379.895c-.4.36-.801.769-1.06 1.22c-.259.459-.459.902-.459 1.346v18.446c0 .31.123.634.273.971c.158.337.372.652.604.947c.232.304.498.575.771.819c.271.245.542.447.802.602c.125.053.357.133.684.236c.318.103.47.16.446.211L25.258 43h3.106l3.886-6h10.722l3.882 6H50zM35.757 10h3.561c.783 0 1.425.216 1.425 1c0 .783-.642 1-1.425 1h-3.561c-.784 0-1.425-.217-1.425-1c0-.784.641-1 1.425-1M45 19.151A2.85 2.85 0 0 1 42.151 22H31.849A2.85 2.85 0 0 1 29 19.151v-2.303A2.85 2.85 0 0 1 31.849 14h10.303A2.85 2.85 0 0 1 45 16.849zM33.126 31.814c-.401.414-.903.62-1.495.62q-.895 0-1.461-.62c-.374-.413-.562-.922-.562-1.518q0-.815.585-1.415a1.92 1.92 0 0 1 1.438-.605c.592 0 1.094.192 1.495.562c.401.38.602.873.602 1.5q0 .856-.602 1.476m8.895 0a2.1 2.1 0 0 1-.604-1.518c0-.597.213-1.079.642-1.459a2.23 2.23 0 0 1 1.498-.562c.591 0 1.079.203 1.455.605q.563.6.564 1.415q-.001.895-.584 1.518c-.391.414-.881.62-1.479.62q-.892.003-1.492-.619"/></svg>

Transit Station アイコンの使い方

React

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

<Icon icon="map:transit-station" width="24" />

Vue

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

<template>
  <Icon icon="map:transit-station" width="24" />
</template>

Svelte

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

<Icon icon="map:transit-station" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[map--transit-station]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:transit-station"></div>

Web コンポーネント

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

<iconify-icon icon="map:transit-station"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/map/transit-station.svg" alt="Transit Station アイコン" width="24" height="24">

Transit Station アイコンのよくある質問

Transit Station アイコンは商用利用でも無料ですか?

はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Transit Station アイコンを使うには?

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

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

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

Map Icons をすべて見る →