Иконка Seat Cool Left Rounded

material-symbols-light:seat-cool-left-rounded

Иконка Seat Cool Left Rounded (material-symbols-light:seat-cool-left-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от 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

<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>

Веб-компонент

<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">

Иконка Seat Cool Left Rounded в других наборах

Вопросы и ответы: Иконка Seat Cool Left Rounded

Можно ли бесплатно использовать иконку Seat Cool Left Rounded в коммерческих проектах?

Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Seat Cool Left Rounded в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →