@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
627 lines (626 loc) • 21.5 kB
JSX
const React = require("react");
const BathtubIcon = ({ title, titleId, ...props }) => (
<svg
width="1em"
height="1em"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g filter="url(#filter0_i_18_25912)">
<path
d="M24.3157 6.46792V17.508H25.9307V6.46792C25.9307 4.06387 23.9818 2.11499 21.5778 2.11499C19.1737 2.11499 17.2249 4.06386 17.2249 6.46792V7.50884H18.8399V6.46792C18.8399 4.9558 20.0657 3.72999 21.5778 3.72999C23.0899 3.72999 24.3157 4.95581 24.3157 6.46792Z"
fill="#ADADAD"
/>
<path
d="M24.3157 6.46792V17.508H25.9307V6.46792C25.9307 4.06387 23.9818 2.11499 21.5778 2.11499C19.1737 2.11499 17.2249 4.06386 17.2249 6.46792V7.50884H18.8399V6.46792C18.8399 4.9558 20.0657 3.72999 21.5778 3.72999C23.0899 3.72999 24.3157 4.95581 24.3157 6.46792Z"
fill="url(#paint0_radial_18_25912)"
/>
</g>
<g filter="url(#filter1_i_18_25912)">
<path
d="M9.84608 19.108C11.2221 19.108 12.4317 18.3959 13.1268 17.3201C13.646 17.7817 14.3553 18.066 15.1369 18.066C15.9362 18.066 16.6597 17.7688 17.1819 17.2886C17.8018 18.0355 18.8817 18.5302 20.1103 18.5302C22.0328 18.5302 23.5917 17.3193 23.5917 15.8256C23.5917 14.5514 22.0328 13.121 20.1103 13.121C19.1532 13.121 18.2864 13.421 17.6571 13.9065C17.6011 13.9497 17.52 13.9393 17.4761 13.8838C16.9523 13.2208 16.1 12.7894 15.1369 12.7894C14.4929 12.7894 13.8985 12.9822 13.4186 13.3081C13.3568 13.3501 13.2711 13.331 13.2339 13.2661C12.5609 12.0926 11.2961 11.3021 9.84608 11.3021C7.69033 11.3021 5.94312 13.0495 5.94312 15.2051C5.94312 17.3606 7.69033 19.108 9.84608 19.108Z"
fill="#4BD1F1"
/>
<path
d="M9.84608 19.108C11.2221 19.108 12.4317 18.3959 13.1268 17.3201C13.646 17.7817 14.3553 18.066 15.1369 18.066C15.9362 18.066 16.6597 17.7688 17.1819 17.2886C17.8018 18.0355 18.8817 18.5302 20.1103 18.5302C22.0328 18.5302 23.5917 17.3193 23.5917 15.8256C23.5917 14.5514 22.0328 13.121 20.1103 13.121C19.1532 13.121 18.2864 13.421 17.6571 13.9065C17.6011 13.9497 17.52 13.9393 17.4761 13.8838C16.9523 13.2208 16.1 12.7894 15.1369 12.7894C14.4929 12.7894 13.8985 12.9822 13.4186 13.3081C13.3568 13.3501 13.2711 13.331 13.2339 13.2661C12.5609 12.0926 11.2961 11.3021 9.84608 11.3021C7.69033 11.3021 5.94312 13.0495 5.94312 15.2051C5.94312 17.3606 7.69033 19.108 9.84608 19.108Z"
fill="url(#paint1_radial_18_25912)"
/>
<path
d="M9.84608 19.108C11.2221 19.108 12.4317 18.3959 13.1268 17.3201C13.646 17.7817 14.3553 18.066 15.1369 18.066C15.9362 18.066 16.6597 17.7688 17.1819 17.2886C17.8018 18.0355 18.8817 18.5302 20.1103 18.5302C22.0328 18.5302 23.5917 17.3193 23.5917 15.8256C23.5917 14.5514 22.0328 13.121 20.1103 13.121C19.1532 13.121 18.2864 13.421 17.6571 13.9065C17.6011 13.9497 17.52 13.9393 17.4761 13.8838C16.9523 13.2208 16.1 12.7894 15.1369 12.7894C14.4929 12.7894 13.8985 12.9822 13.4186 13.3081C13.3568 13.3501 13.2711 13.331 13.2339 13.2661C12.5609 12.0926 11.2961 11.3021 9.84608 11.3021C7.69033 11.3021 5.94312 13.0495 5.94312 15.2051C5.94312 17.3606 7.69033 19.108 9.84608 19.108Z"
fill="url(#paint2_radial_18_25912)"
/>
</g>
<g filter="url(#filter2_f_18_25912)">
<circle
cx={15.2482}
cy={15.8327}
r={2.77802}
fill="url(#paint3_radial_18_25912)"
/>
<circle
cx={15.2482}
cy={15.8327}
r={2.77802}
fill="url(#paint4_radial_18_25912)"
/>
</g>
<g filter="url(#filter3_f_18_25912)">
<path
d="M13.1583 13.9252C12.5812 14.3976 12.1916 15.0968 12.1324 15.8992C12.0954 16.4012 12.1923 16.8822 12.3928 17.3071C11.7311 17.9878 10.7839 18.3818 9.76297 18.3066C7.93144 18.1717 6.55608 16.5775 6.69102 14.746C6.82597 12.9145 8.42011 11.5391 10.2516 11.6741C11.6255 11.7753 12.7427 12.6976 13.1583 13.9252Z"
fill="url(#paint5_radial_18_25912)"
/>
</g>
<rect
width={1.6619}
height={5.30319}
rx={0.804135}
transform="matrix(-0.707107 0.707107 0.707107 0.707107 20.7302 25.5865)"
fill="url(#paint6_linear_18_25912)"
/>
<rect
width={1.6619}
height={5.30319}
rx={0.804135}
transform="matrix(-0.707107 0.707107 0.707107 0.707107 20.7302 25.5865)"
fill="url(#paint7_radial_18_25912)"
/>
<rect
width={1.6619}
height={5.30319}
rx={0.804135}
transform="matrix(-0.707107 0.707107 0.707107 0.707107 20.7302 25.5865)"
fill="url(#paint8_radial_18_25912)"
/>
<rect
x={11.3015}
y={25.5865}
width={1.6619}
height={5.30319}
rx={0.804135}
transform="rotate(45 11.3015 25.5865)"
fill="#735F86"
/>
<rect
x={11.3015}
y={25.5865}
width={1.6619}
height={5.30319}
rx={0.804135}
transform="rotate(45 11.3015 25.5865)"
fill="url(#paint9_linear_18_25912)"
/>
<rect
x={11.3015}
y={25.5865}
width={1.6619}
height={5.30319}
rx={0.804135}
transform="rotate(45 11.3015 25.5865)"
fill="url(#paint10_radial_18_25912)"
/>
<g filter="url(#filter4_i_18_25912)">
<path
d="M4.54933 22.4976L3.08447 17.7764H28.8126L27.3266 22.5193C26.2827 25.851 23.2652 28.1098 19.8582 28.1098H12.0245C8.60936 28.1098 5.5865 25.8403 4.54933 22.4976Z"
fill="url(#paint11_radial_18_25912)"
/>
</g>
<path
d="M4.54933 22.4976L3.08447 17.7764H28.8126L27.3266 22.5193C26.2827 25.851 23.2652 28.1098 19.8582 28.1098H12.0245C8.60936 28.1098 5.5865 25.8403 4.54933 22.4976Z"
fill="url(#paint12_radial_18_25912)"
/>
<path
d="M4.54933 22.4976L3.08447 17.7764H28.8126L27.3266 22.5193C26.2827 25.851 23.2652 28.1098 19.8582 28.1098H12.0245C8.60936 28.1098 5.5865 25.8403 4.54933 22.4976Z"
fill="url(#paint13_linear_18_25912)"
/>
<g filter="url(#filter5_i_18_25912)">
<rect
x={2.16016}
y={15.5038}
width={27.6796}
height={2.321}
rx={1.12305}
fill="url(#paint14_radial_18_25912)"
/>
<rect
x={2.16016}
y={15.5038}
width={27.6796}
height={2.321}
rx={1.12305}
fill="url(#paint15_linear_18_25912)"
/>
</g>
<rect
x={2.16016}
y={15.5038}
width={27.6796}
height={2.321}
rx={1.12305}
fill="url(#paint16_linear_18_25912)"
/>
<g filter="url(#filter6_f_18_25912)">
<path
d="M21.6409 2.91931C22.871 2.86674 25.3314 3.86875 25.3314 6.72024C25.3314 9.57173 25.3314 13.9856 25.3314 16.1831"
stroke="url(#paint17_radial_18_25912)"
strokeWidth={0.75}
/>
</g>
<g filter="url(#filter7_f_18_25912)">
<path
d="M19.6821 3.64478C19.2195 4.05483 18.2942 5.27239 18.2942 6.86216"
stroke="url(#paint18_radial_18_25912)"
strokeWidth={0.75}
/>
</g>
<path
d="M20.5555 8.92039C20.8373 8.92039 21.0689 8.68775 21.0161 8.41098C20.7643 7.09222 19.6335 6.09729 18.2765 6.09729C16.9194 6.09729 15.7886 7.09222 15.5369 8.41098C15.484 8.68775 15.7156 8.92039 15.9974 8.92039H20.5555Z"
fill="url(#paint19_radial_18_25912)"
/>
<path
d="M20.5555 8.92039C20.8373 8.92039 21.0689 8.68775 21.0161 8.41098C20.7643 7.09222 19.6335 6.09729 18.2765 6.09729C16.9194 6.09729 15.7886 7.09222 15.5369 8.41098C15.484 8.68775 15.7156 8.92039 15.9974 8.92039H20.5555Z"
fill="url(#paint20_linear_18_25912)"
/>
<defs>
<filter
id="filter0_i_18_25912"
x={17.2249}
y={1.86499}
width={9.20581}
height={15.6429}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.5} dy={-0.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25912"
/>
</filter>
<filter
id="filter1_i_18_25912"
x={5.94312}
y={11.3021}
width={17.8986}
height={7.80591}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25912"
/>
</filter>
<filter
id="filter2_f_18_25912"
x={11.9702}
y={12.5547}
width={6.55603}
height={6.55603}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_25912"
/>
</filter>
<filter
id="filter3_f_18_25912"
x={6.18188}
y={11.1649}
width={7.47644}
height={7.65088}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_25912"
/>
</filter>
<filter
id="filter4_i_18_25912"
x={3.08447}
y={16.7764}
width={28.7281}
height={11.3335}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={3} dy={-1} />
<feGaussianBlur stdDeviation={2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25912"
/>
</filter>
<filter
id="filter5_i_18_25912"
x={2.16016}
y={15.2538}
width={28.1796}
height={2.57104}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.5} dy={-0.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25912"
/>
</filter>
<filter
id="filter6_f_18_25912"
x={21.1249}
y={2.04236}
width={5.08154}
height={14.6407}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_25912"
/>
</filter>
<filter
id="filter7_f_18_25912"
x={17.4192}
y={2.86414}
width={3.0116}
height={4.49805}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_25912"
/>
</filter>
<radialGradient
id="paint0_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.9503 6.49947) rotate(-45.372) scale(6.86986 3.88541)"
>
<stop stopColor="#A09FA0" />
<stop offset={1} stopColor="#A09FA0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint1_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.0328 14.9019) rotate(-150.994) scale(4.37609 5.2666)"
>
<stop stopColor="#66EBFF" />
<stop offset={1} stopColor="#66EBFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0226 12.3252) rotate(67.9638) scale(3.43385 1.94255)"
>
<stop stopColor="#6AF0FF" />
<stop offset={1} stopColor="#6AF0FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.5526 14.7941) rotate(-126.561) scale(3.86844 3.1722)"
>
<stop stopColor="#6EF3FF" />
<stop offset={1} stopColor="#6EF3FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.816 15.4383) rotate(-60.7512) scale(3.25724 2.78766)"
>
<stop stopColor="#3DC6EB" />
<stop offset={1} stopColor="#3DC6EB" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.1533 13.9928) rotate(-138.668) scale(5.09622 4.4458)"
>
<stop stopColor="#6BF3FF" />
<stop offset={1} stopColor="#6BF3FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_25912"
x1={1.69579}
y1={3.06012}
x2={-0.119513}
y2={3.27704}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#887A96" />
<stop offset={1} stopColor="#A9A6AC" />
</linearGradient>
<radialGradient
id="paint7_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.987935 1.78142) rotate(79.1597) scale(1.63904 1.78477)"
>
<stop stopColor="#7A6A8B" />
<stop offset={1} stopColor="#7A6A8B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.462753 4.45299) rotate(-89.4423) scale(1.44735 0.752374)"
>
<stop stopColor="#BEBAC2" />
<stop offset={1} stopColor="#968DA0" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_25912"
x1={10.9769}
y1={29.2057}
x2={12.5752}
y2={28.9546}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#807D83" />
<stop offset={1} stopColor="#807D83" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.6048 30.7242) rotate(-47.663) scale(0.695031 1.07891)"
>
<stop stopColor="#88828E" />
<stop offset={1} stopColor="#88828E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.4336 22.4264) rotate(-179.764) scale(15.6539 10.0079)"
>
<stop stopColor="#E1DAEA" />
<stop offset={1} stopColor="#C7BDD3" />
</radialGradient>
<radialGradient
id="paint12_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5065 19.391) rotate(90) scale(8.91263 39.3859)"
>
<stop offset={0.572464} stopColor="#B49DCA" stopOpacity={0} />
<stop offset={0.941394} stopColor="#A887C7" />
</radialGradient>
<linearGradient
id="paint13_linear_18_25912"
x1={15.9486}
y1={17.7764}
x2={15.9486}
y2={19.2295}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9E91AD" />
<stop offset={1} stopColor="#C6BCD1" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint14_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.6052 16.2707) rotate(90) scale(1.29169 15.4043)"
>
<stop stopColor="#FEFCFF" />
<stop offset={1} stopColor="#D5D3D8" />
</radialGradient>
<linearGradient
id="paint15_linear_18_25912"
x1={2.36208}
y1={16.8843}
x2={11.5576}
y2={16.8843}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BCB9BF" />
<stop offset={1} stopColor="#BCB9BF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_25912"
x1={17.3358}
y1={17.8248}
x2={17.3358}
y2={17.2718}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B1A1C2" />
<stop offset={1} stopColor="#BBB2C3" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint17_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1703 3.88137) rotate(123.405) scale(12.318 8.65292)"
>
<stop offset={0.00841233} stopColor="#C1C1C2" />
<stop offset={1} stopColor="#C1C1C2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint18_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.9881 6.86216) rotate(-66.9852) scale(3.8726 2.95872)"
>
<stop offset={0.00841233} stopColor="#C1C1C2" />
<stop offset={1} stopColor="#C1C1C2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint19_radial_18_25912"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.106 8.92039) rotate(-180) scale(4.57669 3.59203)"
>
<stop offset={0.144734} stopColor="#C1C1C2" />
<stop offset={0.716778} stopColor="#929192" />
</radialGradient>
<linearGradient
id="paint20_linear_18_25912"
x1={18.86}
y1={8.92039}
x2={18.86}
y2={8.40781}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#807F86" />
<stop offset={1} stopColor="#8F9198" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = BathtubIcon;