ICONYZ
Русский
Иконка Bathtub Sharp из набора Material Symbols Light

Иконка Bathtub Sharp

material-symbols-light:bathtub-sharp

Иконка Bathtub Sharp (material-symbols-light:bathtub-sharp) — бесплатная 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
Категория
Быт
Теги
bath, bathing, bathroom, bathtub, home, hotel, human, person, shower, travel, tub, places, bathtubsharp
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.049 9.623q-.433-.435-.433-1.046q0-.627.433-1.073q.434-.446 1.067-.446q.632 0 1.066.443t.434 1.067t-.434 1.056t-1.066.434t-1.067-.435M4.615 21v-1.038H3v-6.116h2.616v-.769q0-.777.544-1.34t1.32-.564q.462 0 .868.21t.718.56l1.015 1.184q.2.206.387.385t.413.334H18V5.39q0-.562-.375-.975T16.708 4q-.259 0-.496.11q-.237.111-.42.294l-1.25 1.279q.125.435.05.857t-.3.79l-2.058-2.107q.35-.231.75-.295t.8.09l1.25-1.284q.335-.345.764-.54t.91-.194q.965 0 1.629.7T19 5.389v8.457h2v6.116h-1.616V21z"/></svg>

Как использовать иконку Bathtub Sharp

React

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

<Icon icon="material-symbols-light:bathtub-sharp" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:bathtub-sharp" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:bathtub-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--bathtub-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:bathtub-sharp"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols-light:bathtub-sharp"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/bathtub-sharp.svg" alt="Иконка Bathtub Sharp" width="24" height="24">

Похожие иконки в наборе Material Symbols Light

Иконка Bathtub Sharp в других наборах

Вопросы и ответы: Иконка Bathtub Sharp

Можно ли бесплатно использовать иконку Bathtub Sharp в коммерческих проектах?

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

Как использовать иконку Bathtub Sharp в React?

Установите @iconify/react и выведите <Icon icon="material-symbols-light:bathtub-sharp" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Bathtub Sharp на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/bathtub-sharp.svg" alt="Иконка Bathtub Sharp">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

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