Иконка Bathtub Outline
material-symbols-light:bathtub-outline
Иконка Bathtub Outline (material-symbols-light:bathtub-outline) — бесплатная 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, bathtuboutline
Код 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-.435M5.616 21q-.425 0-.713-.307t-.287-.732q-.691 0-1.153-.485T3 18.308v-4.462h2.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.457h2v4.462q0 .682-.462 1.168t-1.153.486q0 .425-.288.731t-.713.307zm-1-2.039h14.769q.269 0 .442-.192t.173-.461v-3.462H4v3.462q0 .269.173.461q.173.193.443.193m0 0H4h16z"/></svg>
Как использовать иконку Bathtub Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:bathtub-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:bathtub-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:bathtub-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--bathtub-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:bathtub-outline"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:bathtub-outline"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/bathtub-outline.svg" alt="Иконка Bathtub Outline" width="24" height="24">
Похожие иконки в наборе Material Symbols Light
Иконка Bathtub Outline в других наборах
Вопросы и ответы: Иконка Bathtub Outline
Можно ли бесплатно использовать иконку Bathtub Outline в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bathtub Outline в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:bathtub-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bathtub Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/bathtub-outline.svg" alt="Иконка Bathtub Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Symbols Light →
ICONYZ
