Seat Cool Right Rounded アイコン
material-symbols-light:seat-cool-right-rounded
Seat Cool Right Rounded アイコン(material-symbols-light:seat-cool-right-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- Google
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 公共交通
- タグ
- seatcool、coolright、rightrounded、seatcoolrightrounded、seat cool right outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.821 20q-.413 0-.687-.274t-.274-.687t.274-.688t.687-.274h6.048q.39 0 .74.142t.622.398v-1.369q0-1.577.443-3.079t1.092-2.961l.423-.935q.313-.702.206-1.451t-.64-1.288q-.122-.142-.184-.296t-.062-.313q0-.364.262-.625q.262-.262.625-.262q.327 0 .624.176t.445.492q.268.528.401 1.098q.134.569.134 1.173q0 .342-.04.672t-.147.666l-2.227 8.633q-.142.477-.513.764t-.854.288zm.18-5.53q-.135-.126-.135-.297v-1.97L7.319 13.75q-.128.129-.303.129t-.304-.129t-.139-.294t.12-.294l2.173-2.174V9.75H7.607l-2.135 2.135q-.129.128-.304.128t-.304-.129t-.138-.294t.12-.294L6.391 9.75h-1.95q-.17 0-.306-.126T4 9.327q0-.19.126-.316t.297-.126h1.989L4.866 7.339q-.13-.13-.13-.304t.13-.304t.293-.139q.166-.01.295.12l2.173 2.173h1.238V7.627L6.711 5.473q-.128-.129-.128-.304t.128-.303q.13-.13.295-.139t.294.12l1.565 1.565v-1.97q0-.17.126-.297t.297-.126q.19 0 .317.126t.126.297v1.989l1.565-1.565q.129-.13.304-.13t.304.13t.129.294t-.13.294L9.732 7.646v1.239h1.238l2.193-2.173q.128-.13.294-.13t.294.13q.129.129.129.304t-.129.303l-1.565 1.566h2.007q.171 0 .297.126t.126.297q0 .19-.126.316t-.297.126h-1.988l1.546 1.546q.129.129.129.304t-.129.304t-.294.129t-.294-.13L10.989 9.75H9.73v1.22l2.173 2.192q.129.128.129.294t-.13.294t-.303.129t-.304-.129L9.73 12.185v1.969q0 .171-.126.307t-.297.135T9 14.47"/></svg>
Seat Cool Right Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:seat-cool-right-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:seat-cool-right-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:seat-cool-right-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--seat-cool-right-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:seat-cool-right-rounded"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:seat-cool-right-rounded"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/seat-cool-right-rounded.svg" alt="Seat Cool Right Rounded アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Seat Cool Right Rounded アイコン
Seat Cool Right Rounded アイコン のよくある質問
Seat Cool Right Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Seat Cool Right Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:seat-cool-right-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Seat Cool Right Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/seat-cool-right-rounded.svg" alt="Seat Cool Right Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
