Iconify
.design
Show Iconify website navigation
Add to favorites
Fluent Emoji
by
Microsoft Corporation
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse Fluent Emoji
Icon:
bathtub
Default
fluent-emoji:bathtub
- Iconify Icon
FluentEmojiBathtub
- Component name
icon-[fluent-emoji--bathtub]
- Tailwind CSS
i-fluent-emoji:bathtub
- UnoCSS
i-fluent-emoji-bathtub
- UnoCSS
bathtub
- Name only
fluent-emoji/bathtub
fluent-emoji--bathtub
Size:
Colors:
Stroke width:
SVG
SVG
Symbol
JSX
CSS
URL
CSS
UnoCSS
Tailwind CSS
Components
Vue
React
Svelte
Astro
Unplugin Icons
Iconify Icon
Prettify code
Add empty rectangle
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#f107idf)"><path fill="#adadad" d="M24.316 6.468v11.04h1.615V6.468a4.353 4.353 0 0 0-8.706 0v1.04h1.615v-1.04a2.738 2.738 0 1 1 5.476 0"/><path fill="url(#f107id0)" d="M24.316 6.468v11.04h1.615V6.468a4.353 4.353 0 0 0-8.706 0v1.04h1.615v-1.04a2.738 2.738 0 1 1 5.476 0"/></g><g filter="url(#f107idg)"><path fill="#4bd1f1" d="M9.846 19.108a3.9 3.9 0 0 0 3.28-1.788a3.02 3.02 0 0 0 2.01.746c.8 0 1.524-.297 2.046-.777c.62.746 1.7 1.241 2.928 1.241c1.923 0 3.482-1.21 3.482-2.704c0-1.275-1.56-2.705-3.482-2.705c-.957 0-1.824.3-2.453.785a.13.13 0 0 1-.18-.022c-.525-.663-1.377-1.095-2.34-1.095c-.644 0-1.239.193-1.718.52a.13.13 0 0 1-.185-.043a3.903 3.903 0 1 0-3.388 5.842"/><path fill="url(#f107id1)" d="M9.846 19.108a3.9 3.9 0 0 0 3.28-1.788a3.02 3.02 0 0 0 2.01.746c.8 0 1.524-.297 2.046-.777c.62.746 1.7 1.241 2.928 1.241c1.923 0 3.482-1.21 3.482-2.704c0-1.275-1.56-2.705-3.482-2.705c-.957 0-1.824.3-2.453.785a.13.13 0 0 1-.18-.022c-.525-.663-1.377-1.095-2.34-1.095c-.644 0-1.239.193-1.718.52a.13.13 0 0 1-.185-.043a3.903 3.903 0 1 0-3.388 5.842"/><path fill="url(#f107id2)" d="M9.846 19.108a3.9 3.9 0 0 0 3.28-1.788a3.02 3.02 0 0 0 2.01.746c.8 0 1.524-.297 2.046-.777c.62.746 1.7 1.241 2.928 1.241c1.923 0 3.482-1.21 3.482-2.704c0-1.275-1.56-2.705-3.482-2.705c-.957 0-1.824.3-2.453.785a.13.13 0 0 1-.18-.022c-.525-.663-1.377-1.095-2.34-1.095c-.644 0-1.239.193-1.718.52a.13.13 0 0 1-.185-.043a3.903 3.903 0 1 0-3.388 5.842"/></g><g filter="url(#f107idh)"><circle cx="15.248" cy="15.833" r="2.778" fill="url(#f107id3)"/><circle cx="15.248" cy="15.833" r="2.778" fill="url(#f107id4)"/></g><g filter="url(#f107idi)"><path fill="url(#f107id5)" d="M13.158 13.925a2.81 2.81 0 0 0-1.026 1.974c-.037.502.06.983.26 1.408a3.325 3.325 0 1 1 .766-3.382"/></g><rect width="1.662" height="5.303" fill="url(#f107idn)" rx=".804" transform="scale(-1 1)rotate(45 -41.25 -12.23)"/><rect width="1.662" height="5.303" fill="url(#f107id6)" rx=".804" transform="scale(-1 1)rotate(45 -41.25 -12.23)"/><rect width="1.662" height="5.303" fill="url(#f107id7)" rx=".804" transform="scale(-1 1)rotate(45 -41.25 -12.23)"/><rect width="1.662" height="5.303" x="11.302" y="25.587" fill="#735f86" rx=".804" transform="rotate(45 11.302 25.587)"/><rect width="1.662" height="5.303" x="11.302" y="25.587" fill="url(#f107ido)" rx=".804" transform="rotate(45 11.302 25.587)"/><rect width="1.662" height="5.303" x="11.302" y="25.587" fill="url(#f107id8)" rx=".804" transform="rotate(45 11.302 25.587)"/><g filter="url(#f107idj)"><path fill="url(#f107id9)" d="m4.55 22.498l-1.466-4.722h25.729l-1.486 4.743c-1.044 3.332-4.062 5.59-7.469 5.59h-7.834c-3.415 0-6.437-2.269-7.475-5.611"/></g><path fill="url(#f107ida)" d="m4.55 22.498l-1.466-4.722h25.729l-1.486 4.743c-1.044 3.332-4.062 5.59-7.469 5.59h-7.834c-3.415 0-6.437-2.269-7.475-5.611"/><path fill="url(#f107idp)" d="m4.55 22.498l-1.466-4.722h25.729l-1.486 4.743c-1.044 3.332-4.062 5.59-7.469 5.59h-7.834c-3.415 0-6.437-2.269-7.475-5.611"/><g filter="url(#f107idk)"><rect width="27.68" height="2.321" x="2.16" y="15.504" fill="url(#f107idb)" rx="1.123"/><rect width="27.68" height="2.321" x="2.16" y="15.504" fill="url(#f107idq)" rx="1.123"/></g><rect width="27.68" height="2.321" x="2.16" y="15.504" fill="url(#f107idr)" rx="1.123"/><g filter="url(#f107idl)"><path stroke="url(#f107idc)" stroke-width="0.75" d="M21.64 2.92c1.231-.053 3.691.949 3.691 3.8v9.463"/></g><g filter="url(#f107idm)"><path stroke="url(#f107idd)" stroke-width="0.75" d="M19.682 3.645c-.462.41-1.388 1.627-1.388 3.217"/></g><path fill="url(#f107ide)" d="M20.556 8.92c.281 0 .513-.232.46-.509c-.252-1.319-1.382-2.314-2.74-2.314c-1.357 0-2.487.995-2.74 2.314c-.052.277.18.51.461.51z"/><path fill="url(#f107ids)" d="M20.556 8.92c.281 0 .513-.232.46-.509c-.252-1.319-1.382-2.314-2.74-2.314c-1.357 0-2.487.995-2.74 2.314c-.052.277.18.51.461.51z"/><defs><radialGradient id="f107id0" cx="0" cy="0" r="1" gradientTransform="matrix(4.82608 -4.88916 2.76518 2.7295 17.95 6.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#a09fa0"/><stop offset="1" stop-color="#a09fa0" stop-opacity="0"/></radialGradient><radialGradient id="f107id1" cx="0" cy="0" r="1" gradientTransform="matrix(-3.8272 -2.12197 2.55378 -4.606 23.033 14.902)" gradientUnits="userSpaceOnUse"><stop stop-color="#66ebff"/><stop offset="1" stop-color="#66ebff" stop-opacity="0"/></radialGradient><radialGradient id="f107id2" cx="0" cy="0" r="1" gradientTransform="matrix(1.28834 3.183 -1.80064 .72882 16.023 12.325)" gradientUnits="userSpaceOnUse"><stop stop-color="#6af0ff"/><stop offset="1" stop-color="#6af0ff" stop-opacity="0"/></radialGradient><radialGradient id="f107id3" cx="0" cy="0" r="1" gradientTransform="rotate(-126.561 12.5 2.98)scale(3.86844 3.1722)" gradientUnits="userSpaceOnUse"><stop stop-color="#6ef3ff"/><stop offset="1" stop-color="#6ef3ff" stop-opacity="0"/></radialGradient><radialGradient id="f107id4" cx="0" cy="0" r="1" gradientTransform="rotate(-60.751 19.578 -3.214)scale(3.25724 2.78766)" gradientUnits="userSpaceOnUse"><stop stop-color="#3dc6eb"/><stop offset="1" stop-color="#3dc6eb" stop-opacity="0"/></radialGradient><radialGradient id="f107id5" cx="0" cy="0" r="1" gradientTransform="matrix(-3.82673 -3.36565 2.9361 -3.33833 13.153 13.993)" gradientUnits="userSpaceOnUse"><stop stop-color="#6bf3ff"/><stop offset="1" stop-color="#6bf3ff" stop-opacity="0"/></radialGradient><radialGradient id="f107id6" cx="0" cy="0" r="1" gradientTransform="rotate(79.16 -.583 1.488)scale(1.63904 1.78477)" gradientUnits="userSpaceOnUse"><stop stop-color="#7a6a8b"/><stop offset="1" stop-color="#7a6a8b" stop-opacity="0"/></radialGradient><radialGradient id="f107id7" cx="0" cy="0" r="1" gradientTransform="rotate(-89.442 2.48 1.993)scale(1.44735 .75237)" gradientUnits="userSpaceOnUse"><stop stop-color="#bebac2"/><stop offset="1" stop-color="#968da0" stop-opacity="0"/></radialGradient><radialGradient id="f107id8" cx="0" cy="0" r="1" gradientTransform="rotate(-47.663 40.581 2.226)scale(.69503 1.07891)" gradientUnits="userSpaceOnUse"><stop stop-color="#88828e"/><stop offset="1" stop-color="#88828e" stop-opacity="0"/></radialGradient><radialGradient id="f107id9" cx="0" cy="0" r="1" gradientTransform="rotate(-179.764 12.74 11.187)scale(15.6539 10.0079)" gradientUnits="userSpaceOnUse"><stop stop-color="#e1daea"/><stop offset="1" stop-color="#c7bdd3"/></radialGradient><radialGradient id="f107ida" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.91263 -39.3859 0 16.506 19.391)" gradientUnits="userSpaceOnUse"><stop offset=".572" stop-color="#b49dca" stop-opacity="0"/><stop offset=".941" stop-color="#a887c7"/></radialGradient><radialGradient id="f107idb" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.29169 -15.4043 0 24.605 16.27)" gradientUnits="userSpaceOnUse"><stop stop-color="#fefcff"/><stop offset="1" stop-color="#d5d3d8"/></radialGradient><radialGradient id="f107idc" cx="0" cy="0" r="1" gradientTransform="rotate(123.405 13.04 9.524)scale(12.318 8.65292)" gradientUnits="userSpaceOnUse"><stop offset=".008" stop-color="#c1c1c2"/><stop offset="1" stop-color="#c1c1c2" stop-opacity="0"/></radialGradient><radialGradient id="f107idd" cx="0" cy="0" r="1" gradientTransform="matrix(1.51407 -3.56436 2.72322 1.15677 18.988 6.862)" gradientUnits="userSpaceOnUse"><stop offset=".008" stop-color="#c1c1c2"/><stop offset="1" stop-color="#c1c1c2" stop-opacity="0"/></radialGradient><radialGradient id="f107ide" cx="0" cy="0" r="1" gradientTransform="matrix(-4.57669 0 0 -3.59203 20.106 8.92)" gradientUnits="userSpaceOnUse"><stop offset=".145" stop-color="#c1c1c2"/><stop offset=".717" stop-color="#929192"/></radialGradient><filter id="f107idf" width="9.206" height="15.643" x="17.225" y="1.865" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5" dy="-.25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.509804 0 0 0 0 0.501961 0 0 0 0 0.498039 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25912"/></filter><filter id="f107idg" width="17.899" height="7.806" x="5.943" y="11.302" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.34902 0 0 0 0 0.713726 0 0 0 0 0.835294 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25912"/></filter><filter id="f107idh" width="6.556" height="6.556" x="11.97" y="12.555" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_25912" stdDeviation=".25"/></filter><filter id="f107idi" width="7.476" height="7.651" x="6.182" y="11.165" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_25912" stdDeviation=".25"/></filter><filter id="f107idj" width="28.728" height="11.334" x="3.084" y="16.776" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="3" dy="-1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.678431 0 0 0 0 0.654902 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25912"/></filter><filter id="f107idk" width="28.18" height="2.571" x="2.16" y="15.254" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5" dy="-.25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.705882 0 0 0 0 0.698039 0 0 0 0 0.705882 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25912"/></filter><filter id="f107idl" width="5.082" height="14.641" x="21.125" y="2.042" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_25912" stdDeviation=".25"/></filter><filter id="f107idm" width="3.012" height="4.498" x="17.419" y="2.864" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_25912" stdDeviation=".25"/></filter><linearGradient id="f107idn" x1="1.696" x2="-.12" y1="3.06" y2="3.277" gradientUnits="userSpaceOnUse"><stop stop-color="#887a96"/><stop offset="1" stop-color="#a9a6ac"/></linearGradient><linearGradient id="f107ido" x1="10.977" x2="12.575" y1="29.206" y2="28.955" gradientUnits="userSpaceOnUse"><stop stop-color="#807d83"/><stop offset="1" stop-color="#807d83" stop-opacity="0"/></linearGradient><linearGradient id="f107idp" x1="15.949" x2="15.949" y1="17.776" y2="19.23" gradientUnits="userSpaceOnUse"><stop stop-color="#9e91ad"/><stop offset="1" stop-color="#c6bcd1" stop-opacity="0"/></linearGradient><linearGradient id="f107idq" x1="2.362" x2="11.558" y1="16.884" y2="16.884" gradientUnits="userSpaceOnUse"><stop stop-color="#bcb9bf"/><stop offset="1" stop-color="#bcb9bf" stop-opacity="0"/></linearGradient><linearGradient id="f107idr" x1="17.336" x2="17.336" y1="17.825" y2="17.272" gradientUnits="userSpaceOnUse"><stop stop-color="#b1a1c2"/><stop offset="1" stop-color="#bbb2c3" stop-opacity="0"/></linearGradient><linearGradient id="f107ids" x1="18.86" x2="18.86" y1="8.92" y2="8.408" gradientUnits="userSpaceOnUse"><stop stop-color="#807f86"/><stop offset="1" stop-color="#8f9198" stop-opacity="0"/></linearGradient></defs></g></svg>
Copy to Clipboard
Download