@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
228 lines (227 loc) • 7.68 kB
JSX
const React = require("react");
const TumblerGlassIcon = ({ 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}
<path
d="M27.45 29.95H4.5C3.12 29.95 2 28.83 2 27.45V4.62C2 4.28 2.28 4 2.62 4H29.32C29.66 4 29.94 4.28 29.94 4.62V27.45C29.94 28.83 28.83 29.95 27.45 29.95Z"
fill="#C2DBF2"
/>
<path
d="M27.45 29.95H4.5C3.12 29.95 2 28.83 2 27.45V4.62C2 4.28 2.28 4 2.62 4H29.32C29.66 4 29.94 4.28 29.94 4.62V27.45C29.94 28.83 28.83 29.95 27.45 29.95Z"
fill="url(#paint0_radial_18_27445)"
/>
<g filter="url(#filter0_f_18_27445)">
<path
d="M26.5652 28.5312H5.38401C4.11037 28.5312 3.07669 27.5156 3.07669 26.2643V5.56221C3.07669 5.2539 3.33511 5 3.6489 5H28.2911C28.6049 5 28.8633 5.2539 28.8633 5.56221V26.2643C28.8633 27.5156 27.8389 28.5312 26.5652 28.5312Z"
fill="url(#paint1_linear_18_27445)"
/>
</g>
<path
d="M27.45 9.28125H4.5C3.12 9.28125 2 9.05331 2 8.77246V4.12618C2 4.05698 2.28 4 2.62 4H29.32C29.66 4 29.94 4.05698 29.94 4.12618V8.77246C29.94 9.05331 28.83 9.28125 27.45 9.28125Z"
fill="url(#paint2_radial_18_27445)"
/>
<path
d="M4.56 26.95C3.7 26.95 3 26.26 3 25.4V18.93C3 18.38 3.44 17.94 3.99 17.94H27.95C28.5 17.94 28.94 18.38 28.94 18.93V25.4C28.94 26.26 28.24 26.96 27.38 26.96H4.56V26.95Z"
fill="url(#paint3_linear_18_27445)"
/>
<path
d="M4.56 26.95C3.7 26.95 3 26.26 3 25.4V18.97C3 18.4 3.46 17.94 4.03 17.94H27.91C28.48 17.94 28.94 18.4 28.94 18.97V25.4C28.94 26.26 28.24 26.96 27.38 26.96H4.56V26.95Z"
fill="url(#paint4_linear_18_27445)"
/>
<path
d="M22.632 13H9.44613C8.94763 13 8.54688 13.4375 8.54688 13.9816V17.94H23.5312V13.9816C23.5312 13.4375 23.1305 13 22.632 13Z"
fill="url(#paint5_linear_18_27445)"
/>
<path
d="M22.632 13H9.44613C8.94763 13 8.54688 13.4375 8.54688 13.9816V17.94H23.5312V13.9816C23.5312 13.4375 23.1305 13 22.632 13Z"
fill="url(#paint6_linear_18_27445)"
/>
<path
d="M23.5312 17.94V13.9859C23.5312 13.4393 23.1242 13 22.6179 13H16.8398C16.3335 13 15.9264 13.4393 15.9264 13.9859V17.94H23.5312Z"
fill="url(#paint7_linear_18_27445)"
/>
<path
d="M23.5312 17.94V13.9859C23.5312 13.4393 23.1242 13 22.6179 13H16.8398C16.3335 13 15.9264 13.4393 15.9264 13.9859V17.94H23.5312Z"
fill="url(#paint8_linear_18_27445)"
/>
<path
d="M23.5312 17.94H8.54688V24.08H23.5312V17.94Z"
fill="url(#paint9_linear_18_27445)"
/>
<rect
x={25.4531}
y={6.03125}
width={2.0625}
height={19.8125}
rx={1.03125}
fill="url(#paint10_linear_18_27445)"
/>
<defs>
<filter
id="filter0_f_18_27445"
x={1.07669}
y={3}
width={29.7866}
height={27.5312}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_27445"
/>
</filter>
<radialGradient
id="paint0_radial_18_27445"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.97 28.6875) rotate(90) scale(5.375 14.47)"
>
<stop stopColor="#BDF2FF" />
<stop offset={1} stopColor="#BCF1FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint1_linear_18_27445"
x1={3.07669}
y1={11.5767}
x2={28.8633}
y2={11.5767}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D0EDFF" />
<stop offset={0.430875} stopColor="#CCF1FF" />
<stop offset={0.656283} stopColor="#D5FAFF" />
<stop offset={0.833215} stopColor="#DBFAFD" />
<stop offset={1} stopColor="#C7EBFF" />
</linearGradient>
<radialGradient
id="paint2_radial_18_27445"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.7812 5.28125) rotate(90) scale(1.03125 10.375)"
>
<stop stopColor="#DFFFFF" />
<stop offset={1} stopColor="#DFFFFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_27445"
x1={15.9724}
y1={15.584}
x2={15.9724}
y2={30.5404}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF8C00" />
<stop offset={1} stopColor="#6A4531" />
</linearGradient>
<linearGradient
id="paint4_linear_18_27445"
x1={15.9724}
y1={17.94}
x2={15.9724}
y2={26.96}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F4953F" />
<stop offset={0.0690129} stopColor="#F6A562" />
<stop offset={0.398142} stopColor="#D28C49" />
<stop offset={0.599084} stopColor="#B77B43" />
<stop offset={0.921284} stopColor="#926D3D" />
<stop offset={1} stopColor="#8C8978" />
</linearGradient>
<linearGradient
id="paint5_linear_18_27445"
x1={16.0391}
y1={13}
x2={16.0391}
y2={17.94}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3AB8F2" />
<stop offset={0.0743295} stopColor="#51C1FA" />
<stop offset={0.158148} stopColor="#4AB5EB" />
<stop offset={1} stopColor="#449FC2" />
</linearGradient>
<linearGradient
id="paint6_linear_18_27445"
x1={16.0391}
y1={13}
x2={14.875}
y2={13}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3DC2FF" />
<stop offset={0.328859} stopColor="#3EB4F0" />
<stop offset={0.718121} stopColor="#3FABDF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_27445"
x1={19.7288}
y1={13}
x2={19.7288}
y2={17.94}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#88D8FF" />
<stop offset={0.0743295} stopColor="#84F9FF" />
<stop offset={0.158148} stopColor="#6BE6FF" />
<stop offset={0.872975} stopColor="#69DBFF" />
<stop offset={1} stopColor="#65C7EE" />
</linearGradient>
<linearGradient
id="paint8_linear_18_27445"
x1={15.9264}
y1={15.1562}
x2={16.8437}
y2={15.1562}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3EBEFA" />
<stop offset={0.199424} stopColor="#5DD5FF" />
<stop offset={0.488994} stopColor="#59D0FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_27445"
x1={16.0365}
y1={17.94}
x2={16.0365}
y2={22.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#978B52" />
<stop offset={1} stopColor="#CD822C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_27445"
x1={26.4844}
y1={6.03125}
x2={26.4844}
y2={25.8438}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = TumblerGlassIcon;