Seat Cool Left Rounded アイコン

Q: Seat Cool Left Rounded アイコンは商用利用でも無料ですか?

はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

material-symbols:seat-cool-left-rounded

Seat Cool Left Rounded アイコン(material-symbols:seat-cool-left-rounded)は、Material Symbols セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Symbols
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: 公共交通
タグ: seatcool、coolleft、leftrounded、seatcoolleftrounded、seat cool left outline rounded

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.55 21q-.675 0-1.2-.413t-.725-1.062l-2.4-9.325q-.1-.375-.163-.762T3 8.65q0-.7.163-1.375t.487-1.3q.225-.45.638-.712T5.2 5q.575 0 1 .425t.425 1q0 .275-.1.525t-.3.45q-.475.5-.562 1.163T5.85 9.85l.5 1.05q.725 1.575 1.188 3.25T8 17.575v1.1q.425-.275.9-.475t1-.2h5.625q.625 0 1.063.438t.437 1.062t-.437 1.063t-1.063.437zM15 15q-.325 0-.537-.213t-.213-.537V12.8l-1.2 1.2q-.225.225-.525.225T12 14t-.225-.525t.225-.525l2.25-2.25v-.95h-.95L11.05 12q-.225.225-.525.225T10 12t-.225-.525t.225-.525l1.2-1.2H9.75q-.325 0-.537-.213T9 9t.213-.537t.537-.213h1.45L10 7.05q-.225-.225-.225-.525T10 6t.525-.225t.525.225l2.25 2.25h.95V7.3L12 5.05q-.225-.225-.225-.525T12 4t.525-.225t.525.225l1.2 1.2V3.75q0-.325.213-.538T15 3t.538.213t.212.537V5.2l1.2-1.2q.225-.225.525-.225T18 4t.225.525T18 5.05L15.75 7.3v.95h.95L18.95 6q.225-.225.525-.225T20 6t.225.525T20 7.05l-1.2 1.2h1.45q.325 0 .537.213T21 9t-.213.538t-.537.212H18.8l1.2 1.2q.225.225.225.525T20 12t-.525.225T18.95 12L16.7 9.75h-.95v.95L18 12.95q.225.225.225.525T18 14t-.525.225T16.95 14l-1.2-1.2v1.45q0 .325-.212.538T15 15"/></svg>

Seat Cool Left Rounded アイコンの使い方

React

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

<Icon icon="material-symbols:seat-cool-left-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:seat-cool-left-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:seat-cool-left-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--seat-cool-left-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols: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:seat-cool-left-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols/seat-cool-left-rounded.svg" alt="Seat Cool Left Rounded アイコン" width="24" height="24">

Material Symbols の関連アイコン

他のアイコンセットの Seat Cool Left Rounded アイコン

Seat Cool Left Rounded アイコンのよくある質問

Seat Cool Left Rounded アイコンは商用利用でも無料ですか?

はい。Material Symbols icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Seat Cool Left Rounded アイコンを使うには?

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

Seat Cool Left Rounded アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/seat-cool-left-rounded.svg" alt="Seat Cool Left Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Symbols アイコンをすべて見る →