Station アイコン
fluent-emoji-high-contrast:station
Station アイコン(fluent-emoji-high-contrast:station)は、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="M13 19h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m5 0h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m.5-11h-8c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h8c.28 0 .5.22.5.5s-.22.5-.5.5"/><path d="M8 4c0-.551.44-1 .98-1h11.04c.54 0 .98.449.98 1h.061C22.131 4 23 4.85 23 5.91v13.08c0 1.777-1.165 3.278-2.784 3.807l.848 1.266c.772 1.152 1.578 2.354 1.732 2.602c.338.539.318.934.068 1.261s-.636.347-.954.347H7.078c-.17.001-.751.006-1.018-.453c-.246-.425-.02-.797.162-1.098l.07-.115c.064-.113.578-.844 1.185-1.706c.482-.685 1.022-1.453 1.443-2.062l-.063-.019C7.201 22.314 6 20.794 6 18.99V5.91C6 4.85 6.86 4 7.929 4zm0 12v2.55C8 19.9 9.1 21 10.45 21h8.1C19.9 21 21 19.9 21 18.55V16zm0-1h13v-5H8zm13-6.55C21 7.1 19.9 6 18.55 6h-8.1C9.1 6 8 7.1 8 8.45v.536h13zM9.309 24.996h10.369l-.053-.097a4 4 0 0 0-.237-.41c-.183-.269-.478-.5-.873-.5h-8.016c-.453 0-.808.376-.885.5c-.062.101-.244.404-.305.507m-1.303 1.99h13.008c-.07-.108-.368-.557-.445-.672c-.14-.21-.453-.328-.665-.328H9.356c-.453 0-.964.423-1.07.596a6 6 0 0 1-.28.405"/><path d="M25 6.98c0-.54.44-.98.98-.98h3.04c.54 0 .98.44.98.98v5.04c0 .54-.44.98-.98.98H28v7.004L30 20v9l-6.58-6.55c-.9-.9-.26-2.44 1.01-2.44l2.57-.005V13h-1.02c-.54 0-.98-.44-.98-.98zM29 9h-3v3h3zm-4.57 12.01a.43.43 0 0 0-.303.732L29 26.593v-5.591z"/></g></svg>
Station アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:station" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:station" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:station" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--station]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:station"></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:station"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/station.svg" alt="Station アイコン" width="24" height="24">
Station アイコン のよくある質問
Station アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Station アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:station" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Station アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/station.svg" alt="Station アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
