Bath icon
fxemoji:bath
The Bath icon (fxemoji:bath) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FDC8A6" d="M62.361 311.235c4.832 18.168 31.37 26.879 59.272 19.457s33.89-24.784 29.058-42.952s-18.655-30.261-46.558-22.839s-46.604 28.167-41.772 46.334"/><path fill="#8299A3" d="M166.794 505.096c-11.369 0-20.585-9.216-20.585-20.585v-37.876c0-11.369 9.216-20.585 20.585-20.585s20.585 9.216 20.585 20.585v37.876c0 11.369-9.216 20.585-20.585 20.585m261.019-20.585v-37.876c0-11.369-9.216-20.585-20.585-20.585s-20.585 9.216-20.585 20.585v37.876c0 11.369 9.216 20.585 20.585 20.585s20.585-9.216 20.585-20.585m27.759-230.553c0-6.943-5.629-12.572-12.572-12.572h-23.863c-6.943 0-12.572 5.629-12.572 12.572s5.629 12.572 12.572 12.572H443c6.943 0 12.572-5.629 12.572-12.572"/><path fill="#C3CCD1" d="M480.645 300.069h-22.001V75.726c0-39.273-31.951-71.225-71.225-71.225s-71.225 31.951-71.225 71.225c0 .342.024.678.051 1.012c-25.435 4.184-46.57 21.109-56.633 44.014c-3.649 8.306 2.324 17.638 11.396 17.638h115.075c9.072 0 15.044-9.332 11.396-17.637c-10.062-22.906-31.197-39.832-56.633-44.015c.027-.335.051-.67.051-1.012c0-25.652 20.87-46.522 46.522-46.522s46.522 20.87 46.522 46.522v224.343H20.228c0 101.865 82.578 184.443 184.443 184.443h202.228c37.918 0 69.999-28.028 75.089-65.602l13.759-101.554c1.239-9.148-5.872-17.287-15.102-17.287"/><path fill="#8299A3" d="M493.348 333.823q-.303 0-.61-.012L17.982 316.525c-9.089-.331-16.189-7.967-15.858-17.057s7.968-16.204 17.056-15.857l474.756 17.286c9.089.331 16.188 7.967 15.857 17.057c-.322 8.885-7.627 15.869-16.445 15.869"/><path fill="#FDC8A6" d="m268.147 284.286l-.868-1.101c-1.936-2.458-3.955-4.841-5.954-7.242c-3.83-4.6-10.525-5.388-15.312-1.951a12 12 0 0 0-1.225-.343c-5.674-1.242-11.286 1.916-13.284 7.19a142 142 0 0 0-1.508 4.148a172 172 0 0 0-1.421 4.174c-.457 1.396-.936 2.786-1.364 4.191l-1.315 4.206a12.04 12.04 0 0 0-.26 6.215l-54.75 32.364l-4.163-6.198l-12.82-18.918a2374 2374 0 0 0-12.994-18.901a902 902 0 0 0-6.679-9.489a362 362 0 0 0-3.524-4.847l-.937-1.253l-1.018-1.324l-.598-.761l-.867-1.047c-.707-.84-.878-1.006-1.223-1.396c-.173-.195-.361-.367-.541-.553l.187-.05l-4.06-15.262c14.009-5.742 23.739-13.897 24.151-27.543c.041-1.349-1.188-2.433-2.528-2.277c-2.384.277-5.882.559-7.745.118a3.075 3.075 0 0 1-2.287-3.702c.381-1.645 2.029-2.673 3.702-2.286c2.215.523 8.035-.714 7.507-2.7l-2.668-10.893c6.538-1.959 10.198-4.435 5.451-9.981c-4.219-4.928-11.88-16.933-12.332-18.118l-.021-.087c0-.002-.002-.009-.001-.01l-.001.003l-1.646-6.723c-7.511-28.239-32.016-37.309-60.255-29.798c-28.249 7.514-45.051 36.502-37.54 64.74c0 0 13.171 49.486 48.607 55.861l3.616 13.593c-3.365 1.132-5.084 2.513-2.297 5.665c13.636 31.483 66.934 85.277 66.934 85.277l1.539 1.939c5.199 6.55 14.723 7.645 21.273 2.446l.144-.116l68.244-55.542a8.5 8.5 0 0 0 2.222-.97c1.903-1.185 3.732-2.446 5.531-3.739a90 90 0 0 0 2.675-1.964c.879-.667 1.778-1.314 2.641-1.999a235 235 0 0 0 10.184-8.388c4.316-3.755 4.891-10.209 1.398-14.658"/><path fill="#8299A3" d="M356.653 96.572h-56.214a12.572 12.572 0 0 1-8.384-21.94a54.65 54.65 0 0 1 36.491-13.944a54.65 54.65 0 0 1 36.491 13.944a12.57 12.57 0 0 1-8.384 21.94"/><path fill="#212D37" d="M117.219 188.344c-.392-2.228.955-4.422 3.177-5.013c2.228-.593 4.487.642 5.257 2.77l.051-.014l1.591 5.98l-.018.005l.003.012a4.405 4.405 0 0 1-3.121 5.391a4.403 4.403 0 0 1-5.386-3.123s.007-.01.005-.019l-.009.002l-1.591-5.98z"/><path fill="#FFF" d="M122.416 187.21a1.09 1.09 0 0 1 .79-1.248a1.097 1.097 0 0 1 1.309.69l.011-.003l.397 1.491l-.002.001l.001.004a1.096 1.096 0 1 1-2.119.563l-.001-.004l-.397-1.491z"/><path fill="#DC9A70" d="m125.036 172.325l-.672.1c-.419.067-1.005.171-1.704.318c-.699.145-1.509.34-2.373.575c-.863.249-1.781.527-2.689.882c-.91.336-1.811.753-2.64 1.21c-.418.205-.808.491-1.18.724c-.374.228-.705.542-1.017.782c-.316.234-.567.559-.803.792c-.24.233-.419.486-.559.704l-.441.669a1.532 1.532 0 0 0 2.454 1.827l.225-.269l.283-.338a1.7 1.7 0 0 1 .359-.376c.173-.131.303-.312.552-.456c.242-.146.453-.337.759-.485c.302-.149.584-.336.942-.472a16 16 0 0 1 2.253-.808c.795-.238 1.625-.415 2.403-.57a37 37 0 0 1 2.157-.335a32 32 0 0 1 2.09-.191l.056-.004a2.154 2.154 0 1 0-.455-4.279"/><path fill="#E6B290" d="M93.602 221.938a2.444 2.444 0 1 0-1.257-4.725c-4.276 1.137-8.681-1.418-9.819-5.697s1.414-8.686 5.691-9.823a2.444 2.444 0 1 0-1.257-4.725c-6.882 1.831-10.991 8.921-9.16 15.806c1.831 6.883 8.92 10.994 15.802 9.164"/><path fill="#543420" d="M61.745 135.811c20.729-5.514 50.845-8.476 51.959-7.968c1.123.513-.139 7.202 1.003 7.829c2.382 1.306 4.818 2.864 7.356 4.697c2.346 1.694-.049 3.61-8.886 6.337c-2.3.71 1.892 5.713-.792 6.47c-1.465.414-31.022-4.267-19.892 37.575c.889 3.343-.183 6.066-3.475 6.942c-2.423.644-11.717 3.692-8.856 14.449c3.262 12.262-26.198 32.269-27.525 31.438c-8.925-5.592-20.933-22.985-26.025-42.13s-.895-56.055 35.133-65.639"/></svg>How to use the Bath icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:bath" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:bath" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:bath" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bath]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bath"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:bath"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/bath.svg" alt="Bath icon" width="24" height="24">Related icons in Firefox OS Emoji
Bath icon in other icon sets
Bath icon FAQ
Is the Bath icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Bath icon in React?
Install @iconify/react and render <Icon icon="fxemoji:bath" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bath icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/bath.svg" alt="Bath icon">, or paste the SVG code inline to style it with CSS.