Seat アイコン
fluent-emoji-high-contrast:seat
Seat アイコン(fluent-emoji-high-contrast:seat)は、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="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V)"><path d="M13.178 27H25v1.78c0 .13-.105.22-.206.22H13.898a.265.265 0 0 1-.249-.204z"/><path d="m16.264 16l.271 1h8.253C26.587 17 28 18.469 28 20.228v3.544c0 .433-.086.848-.241 1.229c.155.381.241.797.241 1.229v2.55c0 1.748-1.409 3.22-3.206 3.22H13.898a3.264 3.264 0 0 1-3.15-2.442l-.638-2.43a3.3 3.3 0 0 1-.08-1.285a3.3 3.3 0 0 1-.658-1.247l-1.435-4.687a2.3 2.3 0 0 1-.089-.444L4.116 5.718c-.484-1.743.58-3.51 2.3-3.955l2.464-.651a3.24 3.24 0 0 1 3.188.894c1.348-.124 2.494.833 2.788 2.041l1.066 4.282l.003.01c.21.888-.011 1.763-.59 2.415a3 3 0 0 1-.396.367l.51 1.879H21.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm-5.289 7h.008l.31 1.039l.001.003q.019.068.043.135q.094.243.265.425c.233.249.56.398.915.398h12.27A1.22 1.22 0 0 0 26 23.772v-3.544A1.22 1.22 0 0 0 24.788 19h-9.796a1 1 0 0 0-.036-.184L14.19 16H11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5h1.877l-.827-3.043h-.003L11.028 4.34l-.002.001l-.118-.434a1.23 1.23 0 0 0-1.51-.864L6.92 3.7a1.207 1.207 0 0 0-.876 1.489l3.802 14a.25.25 0 0 0 .003.135zm1.068 2.95a1.3 1.3 0 0 0 .001.67l.638 2.431c.148.56.647.949 1.216.949h10.896C25.46 30 26 29.45 26 28.78v-2.55q-.002-.283-.114-.523a2.2 2.2 0 0 1-1.098.293H12.517a2.3 2.3 0 0 1-.474-.05"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
Seat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:seat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:seat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:seat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--seat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:seat"></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:seat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/seat.svg" alt="Seat アイコン" width="24" height="24">
Seat アイコン のよくある質問
Seat アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Seat アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:seat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Seat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/seat.svg" alt="Seat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
