Seat Heat Right Rounded アイコン
material-symbols-light:seat-heat-right-rounded
Seat Heat Right Rounded アイコン(material-symbols-light:seat-heat-right-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 公共交通
- タグ
- seatheat、heatright、rightrounded、seatheatrightrounded、seat heat 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="M12.996 11.729q-.177-.09-.232-.288q-.056-.199.034-.376l.152-.313q.112-.263.167-.53q.056-.266.056-.541q0-.427-.128-.829t-.397-.729q-.39-.506-.627-1.097T11.784 5.8q0-.402.105-.783q.105-.38.309-.74l.152-.27q.11-.176.301-.232t.368.035q.177.09.242.288q.066.198-.044.375l-.177.294q-.13.245-.205.52t-.076.552q0 .427.167.819q.166.392.436.719q.41.467.607 1.049t.198 1.197q0 .421-.092.812q-.092.39-.258.769l-.158.327q-.09.177-.288.233q-.198.055-.375-.035m-3.892 0q-.177-.09-.233-.288q-.056-.199.035-.376l.152-.313q.111-.263.167-.53q.056-.266.056-.541q0-.427-.128-.829t-.397-.729q-.39-.506-.627-1.097T7.892 5.8q0-.402.105-.783q.105-.38.309-.74l.152-.27q.11-.176.3-.232q.192-.056.369.035q.177.09.242.288t-.044.375l-.177.294q-.13.245-.206.511t-.075.541q0 .427.157.829t.426.729q.41.467.617 1.049t.208 1.197q0 .421-.092.812q-.092.39-.258.769l-.158.327q-.09.177-.288.232t-.375-.034m-3.892 0q-.177-.09-.233-.289t.035-.375l.157-.313q.112-.264.174-.54t.063-.55q0-.428-.135-.82q-.134-.392-.404-.719q-.41-.487-.64-1.078Q4 6.454 4 5.82q0-.402.102-.792t.312-.75l.157-.27q.11-.176.298-.232t.366.034t.242.289t-.044.375l-.177.294q-.131.239-.206.508t-.075.544q0 .427.157.829t.426.729q.41.467.62 1.049t.21 1.197q0 .421-.095.812q-.095.39-.26.769l-.158.327q-.09.177-.288.233t-.375-.035M8.822 20q-.414 0-.688-.274t-.274-.687t.274-.688t.687-.274h6.043q.39 0 .74.142t.621.398v-1.369q0-1.577.446-3.079t1.095-2.961l.417-.935q.313-.702.21-1.451q-.105-.749-.637-1.287q-.123-.143-.185-.296q-.062-.154-.062-.314q0-.363.26-.625t.621-.261q.327 0 .627.176t.448.49q.268.53.401 1.099q.134.569.134 1.173q0 .342-.04.672t-.147.667l-2.227 8.632q-.142.477-.516.765t-.857.287z"/></svg>Seat Heat Right Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:seat-heat-right-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:seat-heat-right-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:seat-heat-right-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--seat-heat-right-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:seat-heat-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-heat-right-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/seat-heat-right-rounded.svg" alt="Seat Heat Right Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
seat-cool-left
seat-cool-left-rounded
seat-cool-left-sharp
seat-cool-right
seat-cool-right-rounded
seat-cool-right-sharp
seat-heat-left
seat-heat-left-rounded
seat-heat-left-sharp
seat-heat-right
seat-heat-right-sharp
seat-read
seat-vent-left
seat-vent-left-sharp
seat-vent-right
seat-vent-right-sharp
seat-window
seat-window-outline
seat-window-outline-rounded
seat-window-outline-sharp
seat-window-rounded
seat-window-sharp
他のアイコンセットの Seat Heat Right Rounded アイコン
Seat Heat Right Rounded アイコン のよくある質問
Seat Heat Right Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Seat Heat Right Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:seat-heat-right-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Seat Heat Right Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/seat-heat-right-rounded.svg" alt="Seat Heat Right Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。