Bath Linear icon
solar:bath-linear
The Bath Linear icon (solar:bath-linear) 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
- bathlinear
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-width="1.5"><path d="M3 13.0827C3 13.0059 3 12.9675 3.00211 12.9351C3.0347 12.4339 3.43395 12.0347 3.93511 12.0021C3.96752 12 4.00591 12 4.08268 12H19.9173C19.9941 12 20.0325 12 20.0649 12.0021C20.5661 12.0347 20.9653 12.4339 20.9979 12.9351C21 12.9675 21 13.0059 21 13.0827C21 13.4784 21 13.6762 20.9859 13.8977C20.7773 17.1854 17.983 20.0867 14.7053 20.4186C14.4845 20.441 14.3558 20.4458 14.0982 20.4555C13.364 20.4831 12.6493 20.5 12 20.5C11.3507 20.5 10.636 20.4831 9.90183 20.4555C9.64425 20.4458 9.51545 20.441 9.29467 20.4186C6.01705 20.0867 3.22272 17.1854 3.01406 13.8977C3 13.6762 3 13.4784 3 13.0827Z"/><path stroke-linecap="round" d="M6 20L5 22"/><path stroke-linecap="round" d="M18 20L19 22"/><path stroke-linecap="round" d="M2 12H22"/><path stroke-linecap="round" d="M12.3065 6.17554L6.3457 8.74162"/><path stroke-linecap="round" 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 stroke-linecap="round" 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 Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bath-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bath-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bath-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bath-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bath-linear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bath-linear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/bath-linear.svg" alt="Bath Linear icon" width="24" height="24">Related icons in Solar
Bath Linear icon FAQ
Is the Bath Linear 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 Linear icon in React?
Install @iconify/react and render <Icon icon="solar:bath-linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bath Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/bath-linear.svg" alt="Bath Linear icon">, or paste the SVG code inline to style it with CSS.