UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

199 lines (198 loc) 6.57 kB
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;