Bath Broken icon
solar:bath-broken
The Bath Broken icon (solar:bath-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Home
- Tags
- bathbroken
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M12 20.5C12.6493 20.5 13.364 20.4831 14.0982 20.4555C14.3558 20.4458 14.4845 20.441 14.7053 20.4186C17.983 20.0867 20.7773 17.1854 20.9859 13.8977C21 13.6762 21 13.4784 21 13.0827C21 13.0059 21 12.9675 20.9979 12.9351C20.9653 12.4339 20.5661 12.0347 20.0649 12.0021C20.0325 12 19.9941 12 19.9173 12M4.08268 12C4.00591 12 3.96752 12 3.93511 12.0021C3.43395 12.0347 3.0347 12.4339 3.00211 12.9351C3 12.9675 3 13.0059 3 13.0827C3 13.4784 3 13.6762 3.01406 13.8977C3.19458 16.742 5.31032 19.2971 8 20.1495"/><path d="M6 20L5 22"/><path d="M18 20L19 22"/><path d="M2 12H14M22 12H18"/><path d="M12.3065 6.17554L6.3457 8.74162"/><path d="M6.34543 8.74152C6.03547 7.95489 6.01649 7.04299 6.36196 6.19229C6.6867 5.39262 7.27566 4.78934 7.9787 4.4471C8.77147 4.06116 9.70961 4.00734 10.5772 4.37797C11.3956 4.72762 11.9965 5.38898 12.3065 6.17562"/><path d="M7.97885 4.44713L7.59973 3.49934C7.23752 2.59379 6.36047 2 5.38516 2C4.06787 2 3 3.06787 3 4.38516V13"/></g></svg>How to use the Bath Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bath-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bath-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bath-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bath-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bath-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bath-broken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/bath-broken.svg" alt="Bath Broken icon" width="24" height="24">Related icons in Solar
Bath Broken icon FAQ
Is the Bath Broken icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Bath Broken icon in React?
Install @iconify/react and render <Icon icon="solar:bath-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bath Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/bath-broken.svg" alt="Bath Broken icon">, or paste the SVG code inline to style it with CSS.