@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
199 lines (198 loc) • 6.57 kB
JSX
const React = require("react");
const GlassOfMilkIcon = ({ 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="M4.00949 3.06581L7.7896 29.1932C7.86016 29.6514 8.2533 30 8.72707 30H23.2729C23.7467 30 24.1499 29.6613 24.2104 29.1932L27.9905 3.06581C28.0712 2.508 27.6276 2 27.053 2H4.94696C4.37238 2 3.92885 2.508 4.00949 3.06581Z"
fill="url(#paint0_linear_18_30769)"
/>
<path
d="M4.00949 3.06581L7.7896 29.1932C7.86016 29.6514 8.2533 30 8.72707 30H23.2729C23.7467 30 24.1499 29.6613 24.2104 29.1932L27.9905 3.06581C28.0712 2.508 27.6276 2 27.053 2H4.94696C4.37238 2 3.92885 2.508 4.00949 3.06581Z"
fill="url(#paint1_linear_18_30769)"
/>
<path
d="M4.00949 3.06581L7.7896 29.1932C7.86016 29.6514 8.2533 30 8.72707 30H23.2729C23.7467 30 24.1499 29.6613 24.2104 29.1932L27.9905 3.06581C28.0712 2.508 27.6276 2 27.053 2H4.94696C4.37238 2 3.92885 2.508 4.00949 3.06581Z"
fill="url(#paint2_linear_18_30769)"
/>
<path
d="M6.50999 9.29455L8.97101 26.4623C9.01102 26.771 9.28113 27 9.59126 27H22.3966C22.7067 27 22.9768 26.771 23.0168 26.4623L25.4878 9.29455C25.5879 8.60744 25.0577 8 24.3574 8H7.64045C6.95017 8 6.41995 8.6174 6.50999 9.29455Z"
fill="url(#paint3_linear_18_30769)"
/>
<path
d="M6.50999 9.29455L8.97101 26.4623C9.01102 26.771 9.28113 27 9.59126 27H22.3966C22.7067 27 22.9768 26.771 23.0168 26.4623L25.4878 9.29455C25.5879 8.60744 25.0577 8 24.3574 8H7.64045C6.95017 8 6.41995 8.6174 6.50999 9.29455Z"
fill="url(#paint4_linear_18_30769)"
/>
<g filter="url(#filter0_f_18_30769)">
<path
d="M24.127 8.68103L25.25 8.94804L23.0341 9.18164L11.4025 8.94804L20.6141 8.68103H24.127Z"
fill="white"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M24.8558 5.21513C24.9342 4.66844 24.5545 4.16173 24.0078 4.08336C23.4611 4.005 22.9544 4.38467 22.876 4.93136L19.7128 27H21.7333L24.8558 5.21513Z"
fill="url(#paint5_linear_18_30769)"
/>
<g filter="url(#filter1_f_18_30769)">
<path
d="M26.127 2.68103L27.25 2.94804L25.0341 3.18164L13.4025 2.94804L22.6141 2.68103H26.127Z"
fill="#D8FCFF"
/>
</g>
<g filter="url(#filter2_f_18_30769)">
<path
d="M5.52553 3L4.40248 3.22868L6.61841 3.42875L18.2501 3.22868L9.03843 3H5.52553Z"
fill="#9FD2F7"
fillOpacity={0.75}
/>
</g>
<defs>
<filter
id="filter0_f_18_30769"
x={10.4025}
y={7.68103}
width={15.8476}
height={2.50061}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30769"
/>
</filter>
<filter
id="filter1_f_18_30769"
x={12.4025}
y={1.68103}
width={15.8476}
height={2.50061}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30769"
/>
</filter>
<filter
id="filter2_f_18_30769"
x={3.40248}
y={2}
width={15.8476}
height={2.42871}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30769"
/>
</filter>
<linearGradient
id="paint0_linear_18_30769"
x1={4}
y1={2.5}
x2={28}
y2={2.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A6D5FC" />
<stop offset={0.203125} stopColor="#C7ECFF" />
<stop offset={0.494792} stopColor="#C2ECFF" />
<stop offset={0.78125} stopColor="#C2EDFF" />
<stop offset={1} stopColor="#9ED6FD" />
</linearGradient>
<linearGradient
id="paint1_linear_18_30769"
x1={16}
y1={28}
x2={16}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DDFDFF" stopOpacity={0} />
<stop offset={1} stopColor="#DDFDFF" stopOpacity={0.75} />
</linearGradient>
<linearGradient
id="paint2_linear_18_30769"
x1={4}
y1={3.5}
x2={28}
y2={3}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.208333} stopColor="#D6F3FF" stopOpacity={0} />
<stop offset={0.375} stopColor="#D6F3FF" />
<stop offset={0.583333} stopColor="#D6F3FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_30769"
x1={6.5}
y1={8.5}
x2={25.5}
y2={8.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D2D0D6" />
<stop offset={0.260417} stopColor="#D3CEDD" />
<stop offset={0.510417} stopColor="#E2DBEF" />
<stop offset={0.755208} stopColor="#EBE7F3" />
<stop offset={1} stopColor="#E5E3EA" />
</linearGradient>
<linearGradient
id="paint4_linear_18_30769"
x1={16}
y1={8}
x2={16}
y2={27}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.974586} stopColor="#E1D0F7" stopOpacity={0} />
<stop offset={1} stopColor="#E1D0F7" />
</linearGradient>
<linearGradient
id="paint5_linear_18_30769"
x1={24}
y1={4}
x2={20.5}
y2={27}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.505208} stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = GlassOfMilkIcon;