Seat Cool Left Rounded アイコン
material-symbols-light:seat-cool-left-rounded
Seat Cool Left Rounded アイコン(material-symbols-light:seat-cool-left-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、coolleft、leftrounded、seatcoolleftrounded、seat cool left outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.78 20q-.482 0-.853-.288q-.371-.287-.513-.764l-2.227-8.632q-.1-.337-.144-.667T4 8.977q0-.604.134-1.173q.133-.57.4-1.098q.149-.316.446-.492t.624-.176q.363 0 .625.262q.261.262.261.625q0 .16-.061.314q-.062.153-.185.296q-.532.538-.64 1.287q-.106.75.208 1.451l.423.935q.648 1.46 1.091 2.961t.443 3.079v1.37q.272-.256.622-.399t.74-.142h6.048q.413 0 .687.274t.275.688t-.275.687t-.687.274zm6.932-5.404q-.171 0-.307-.136q-.136-.135-.136-.306v-1.97l-1.565 1.566q-.129.129-.304.129t-.304-.129t-.129-.294t.13-.294l2.172-2.193V9.75h-1.258l-2.172 2.154q-.13.129-.295.129t-.294-.13q-.129-.128-.129-.303t.129-.304l1.546-1.546H9.808q-.171 0-.297-.135q-.126-.136-.126-.307t.135-.297t.307-.126h1.989L10.25 7.319q-.129-.128-.129-.303t.129-.304t.294-.13t.294.13l2.193 2.173h1.238v-1.24l-2.173-2.192q-.129-.129-.129-.295t.13-.294t.303-.129t.304.13l1.565 1.565V4.442q0-.17.136-.297t.307-.126q.17 0 .297.126t.126.297v1.97L16.7 4.845q.129-.129.304-.129t.304.13q.128.128.128.303t-.128.304l-2.174 2.173v1.258h1.239l2.173-2.174q.129-.128.304-.128t.304.128t.129.304t-.13.304L17.59 8.884h1.988q.171 0 .297.117q.126.116.126.307q0 .17-.126.306t-.297.136h-1.97l1.547 1.546q.129.129.129.294q0 .166-.13.294q-.128.13-.303.13t-.304-.13L16.392 9.75h-1.257v1.239l2.173 2.172q.129.13.129.295t-.13.294q-.128.129-.303.129t-.304-.129l-1.565-1.546v1.969q0 .171-.117.297t-.307.126"/></svg>
Seat Cool Left Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:seat-cool-left-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:seat-cool-left-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:seat-cool-left-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--seat-cool-left-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:seat-cool-left-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-left-rounded"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/seat-cool-left-rounded.svg" alt="Seat Cool Left Rounded アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Seat Cool Left Rounded アイコン
Seat Cool Left Rounded アイコン のよくある質問
Seat Cool Left Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Seat Cool Left Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:seat-cool-left-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Seat Cool Left Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/seat-cool-left-rounded.svg" alt="Seat Cool Left Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
