UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

307 lines (306 loc) 12.7 kB
const React = require("react"); const PouringLiquidIcon = ({ 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.17048 4.80693C4.31123 4.27785 4.82083 3.93378 5.36417 4.00098L21.2491 5.96553C21.7202 6.0238 22.0315 6.48457 21.9097 6.94338L18.536 19.649C18.389 20.2028 17.7847 20.4971 17.258 20.2714L2.58849 13.9845C2.14547 13.7946 1.90886 13.3084 2.03277 12.8426L4.17048 4.80693Z" fill="url(#paint0_linear_4791_556)" /> <path d="M4.17048 4.80693C4.31123 4.27785 4.82083 3.93378 5.36417 4.00098L21.2491 5.96553C21.7202 6.0238 22.0315 6.48457 21.9097 6.94338L18.536 19.649C18.389 20.2028 17.7847 20.4971 17.258 20.2714L2.58849 13.9845C2.14547 13.7946 1.90886 13.3084 2.03277 12.8426L4.17048 4.80693Z" fill="url(#paint1_linear_4791_556)" /> <path d="M4.17048 4.80693C4.31123 4.27785 4.82083 3.93378 5.36417 4.00098L21.2491 5.96553C21.7202 6.0238 22.0315 6.48457 21.9097 6.94338L18.536 19.649C18.389 20.2028 17.7847 20.4971 17.258 20.2714L2.58849 13.9845C2.14547 13.7946 1.90886 13.3084 2.03277 12.8426L4.17048 4.80693Z" fill="url(#paint2_linear_4791_556)" /> <path d="M4.17048 4.80693C4.31123 4.27785 4.82083 3.93378 5.36417 4.00098L21.2491 5.96553C21.7202 6.0238 22.0315 6.48457 21.9097 6.94338L18.536 19.649C18.389 20.2028 17.7847 20.4971 17.258 20.2714L2.58849 13.9845C2.14547 13.7946 1.90886 13.3084 2.03277 12.8426L4.17048 4.80693Z" fill="url(#paint3_linear_4791_556)" /> <path d="M4.17048 4.80693C4.31123 4.27785 4.82083 3.93378 5.36417 4.00098L21.2491 5.96553C21.7202 6.0238 22.0315 6.48457 21.9097 6.94338L18.536 19.649C18.389 20.2028 17.7847 20.4971 17.258 20.2714L2.58849 13.9845C2.14547 13.7946 1.90886 13.3084 2.03277 12.8426L4.17048 4.80693Z" fill="url(#paint4_linear_4791_556)" /> <path d="M4.17048 4.80693C4.31123 4.27785 4.82083 3.93378 5.36417 4.00098L21.2491 5.96553C21.7202 6.0238 22.0315 6.48457 21.9097 6.94338L18.536 19.649C18.389 20.2028 17.7847 20.4971 17.258 20.2714L2.58849 13.9845C2.14547 13.7946 1.90886 13.3084 2.03277 12.8426L4.17048 4.80693Z" fill="url(#paint5_radial_4791_556)" /> <path d="M4.17048 4.80693C4.31123 4.27785 4.82083 3.93378 5.36417 4.00098L21.2491 5.96553C21.7202 6.0238 22.0315 6.48457 21.9097 6.94338L18.536 19.649C18.389 20.2028 17.7847 20.4971 17.258 20.2714L2.58849 13.9845C2.14547 13.7946 1.90886 13.3084 2.03277 12.8426L4.17048 4.80693Z" fill="url(#paint6_radial_4791_556)" /> <path d="M19.7747 7.60232C20.1193 7.64497 20.3652 7.96767 20.3239 8.32308C20.2825 8.67849 19.9696 8.93204 19.6249 8.88939L5.71146 7.16767L6.04015 5.90274L19.7747 7.60232Z" fill="url(#paint7_linear_4791_556)" /> <path d="M23.9765 26.5232C24.0228 26.8544 24.3028 27.1059 24.6372 27.1059H28.5004C29.3286 27.1059 30 27.7816 30 28.6152C30 29.4488 29.3286 30 28.5004 30H15.483C14.6548 30 13.9834 29.4488 13.9834 28.6152C13.9834 27.7816 14.6548 27.1059 15.483 27.1059H21.9615C22.2235 27.1059 22.4275 26.8771 22.3906 26.6178C22.1248 24.7502 23.665 24.2933 23.9765 26.5232Z" fill="url(#paint8_linear_4791_556)" /> <path d="M23.9765 26.5232C24.0228 26.8544 24.3028 27.1059 24.6372 27.1059H28.5004C29.3286 27.1059 30 27.7816 30 28.6152C30 29.4488 29.3286 30 28.5004 30H15.483C14.6548 30 13.9834 29.4488 13.9834 28.6152C13.9834 27.7816 14.6548 27.1059 15.483 27.1059H21.9615C22.2235 27.1059 22.4275 26.8771 22.3906 26.6178C22.1248 24.7502 23.665 24.2933 23.9765 26.5232Z" fill="url(#paint9_radial_4791_556)" /> <path d="M23.9765 26.5232C24.0228 26.8544 24.3028 27.1059 24.6372 27.1059H28.5004C29.3286 27.1059 30 27.7816 30 28.6152C30 29.4488 29.3286 30 28.5004 30H15.483C14.6548 30 13.9834 29.4488 13.9834 28.6152C13.9834 27.7816 14.6548 27.1059 15.483 27.1059H21.9615C22.2235 27.1059 22.4275 26.8771 22.3906 26.6178C22.1248 24.7502 23.665 24.2933 23.9765 26.5232Z" fill="url(#paint10_radial_4791_556)" /> <path d="M8.32575 14.579C8.48232 14.1925 8.92051 14.007 9.30445 14.1646L17.041 17.3805C21.9273 19.5277 23.4381 22.6693 23.9765 26.5232C24.1092 27.4728 22.526 27.5694 22.3906 26.6178C21.9192 23.3063 20.5516 20.6699 16.5661 18.899L8.73748 15.564C8.35353 15.4064 8.16919 14.9654 8.32575 14.579Z" fill="#45BAFF" /> <path d="M8.32575 14.579C8.48232 14.1925 8.92051 14.007 9.30445 14.1646L17.041 17.3805C21.9273 19.5277 23.4381 22.6693 23.9765 26.5232C24.1092 27.4728 22.526 27.5694 22.3906 26.6178C21.9192 23.3063 20.5516 20.6699 16.5661 18.899L8.73748 15.564C8.35353 15.4064 8.16919 14.9654 8.32575 14.579Z" fill="url(#paint11_radial_4791_556)" /> <path d="M8.32575 14.579C8.48232 14.1925 8.92051 14.007 9.30445 14.1646L17.041 17.3805C21.9273 19.5277 23.4381 22.6693 23.9765 26.5232C24.1092 27.4728 22.526 27.5694 22.3906 26.6178C21.9192 23.3063 20.5516 20.6699 16.5661 18.899L8.73748 15.564C8.35353 15.4064 8.16919 14.9654 8.32575 14.579Z" fill="url(#paint12_radial_4791_556)" /> <path d="M8.32575 14.579C8.48232 14.1925 8.92051 14.007 9.30445 14.1646L17.041 17.3805C17.7274 17.6821 18.3472 18.0033 18.907 18.3434L18.4292 19.9086C17.8824 19.5462 17.2644 19.2093 16.5661 18.899L8.73748 15.564C8.35353 15.4064 8.16919 14.9654 8.32575 14.579Z" fill="url(#paint13_linear_4791_556)" /> <circle cx={19.0802} cy={24.5287} r={1.35499} fill="url(#paint14_radial_4791_556)" /> <circle cx={19.0802} cy={24.5287} r={1.35499} fill="url(#paint15_radial_4791_556)" /> <circle cx={26.0436} cy={24.5719} r={1.04411} fill="url(#paint16_radial_4791_556)" /> <circle cx={26.0436} cy={24.5719} r={1.04411} fill="url(#paint17_radial_4791_556)" /> <defs> <linearGradient id="paint0_linear_4791_556" x1={12.6518} y1={5.19896} x2={10.4598} y2={15.7206} gradientUnits="userSpaceOnUse" > <stop stopColor="#BEE4FF" /> <stop offset={0.110768} stopColor="#C0EBFF" /> <stop offset={1} stopColor="#C8F2FF" /> </linearGradient> <linearGradient id="paint1_linear_4791_556" x1={12.6518} y1={4.51004} x2={11.9629} y2={9.89613} gradientUnits="userSpaceOnUse" > <stop offset={0.0909937} stopColor="#B9CEF1" /> <stop offset={0.218039} stopColor="#B9D2FB" stopOpacity={0} /> </linearGradient> <linearGradient id="paint2_linear_4791_556" x1={9.33245} y1={16.9732} x2={11.6201} y2={11.4579} gradientUnits="userSpaceOnUse" > <stop offset={0.0519634} stopColor="#C3D5FA" /> <stop offset={0.351155} stopColor="#C1E9FF" stopOpacity={0} /> </linearGradient> <linearGradient id="paint3_linear_4791_556" x1={2.56852} y1={8.70618} x2={11.6201} y2={11.4579} gradientUnits="userSpaceOnUse" > <stop offset={0.0519634} stopColor="#C3D5FA" /> <stop offset={0.145423} stopColor="#C1E9FF" stopOpacity={0} /> </linearGradient> <linearGradient id="paint4_linear_4791_556" x1={20.7309} y1={13.5286} x2={11.6201} y2={11.4579} gradientUnits="userSpaceOnUse" > <stop offset={0.0519634} stopColor="#C3D5FA" /> <stop offset={0.145423} stopColor="#C1E9FF" stopOpacity={0} /> </linearGradient> <radialGradient id="paint5_radial_4791_556" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(20.543 10.4598) rotate(-163.301) scale(0.653864 5.55783)" > <stop stopColor="#D5FFFF" /> <stop offset={1} stopColor="#D5FFFF" stopOpacity={0} /> </radialGradient> <radialGradient id="paint6_radial_4791_556" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(3.28876 10.7103) rotate(17.1028) scale(0.425923 2.69193)" > <stop stopColor="#D5FFFF" /> <stop offset={1} stopColor="#D5FFFF" stopOpacity={0} /> </radialGradient> <linearGradient id="paint7_linear_4791_556" x1={20.3284} y1={8.39303} x2={3.44533} y2={5.90274} gradientUnits="userSpaceOnUse" > <stop offset={0.40954} stopColor="white" /> <stop offset={0.851872} stopColor="white" stopOpacity={0} /> </linearGradient> <linearGradient id="paint8_linear_4791_556" x1={21.9917} y1={26.9938} x2={21.9917} y2={30} gradientUnits="userSpaceOnUse" > <stop stopColor="#48A3DF" /> <stop offset={0.322917} stopColor="#47A8F4" /> <stop offset={0.604168} stopColor="#3E97F3" /> <stop offset={1} stopColor="#5980F1" /> </linearGradient> <radialGradient id="paint9_radial_4791_556" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(28.8727 28.0585) rotate(90) scale(0.970748 1.14063)" > <stop stopColor="#5EB5F9" /> <stop offset={1} stopColor="#54B2F6" stopOpacity={0} /> </radialGradient> <radialGradient id="paint10_radial_4791_556" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(23.7528 26.6807) rotate(90) scale(0.673261 0.830355)" > <stop offset={0.335675} stopColor="#4FB8F3" /> <stop offset={1} stopColor="#56C3F7" stopOpacity={0} /> </radialGradient> <radialGradient id="paint11_radial_4791_556" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.4075 26.8686) rotate(81.3136) scale(13.6848 12.688)" > <stop offset={0.596984} stopColor="#4EBAFF" /> <stop offset={0.654411} stopColor="#60D7FF" /> <stop offset={0.917866} stopColor="#66CBFF" /> </radialGradient> <radialGradient id="paint12_radial_4791_556" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.6098 27.6827) rotate(-71.0296) scale(2.11923 3.08784)" > <stop offset={0.33432} stopColor="#41A3EC" /> <stop offset={1} stopColor="#44A2EA" stopOpacity={0} /> </radialGradient> <linearGradient id="paint13_linear_4791_556" x1={14.2801} y1={15.9398} x2={13.5885} y2={17.5995} gradientUnits="userSpaceOnUse" > <stop stopColor="#93D6FF" /> <stop offset={0.447424} stopColor="#9ADFFF" /> <stop offset={1} stopColor="#99C9FF" /> </linearGradient> <radialGradient id="paint14_radial_4791_556" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.7289 23.925) rotate(126.332) scale(2.43133)" > <stop stopColor="#76D5FF" /> <stop offset={0.571923} stopColor="#5ABDFF" /> <stop offset={1} stopColor="#83C4FF" /> </radialGradient> <radialGradient id="paint15_radial_4791_556" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.541 24.0816) rotate(92.6026) scale(0.68963)" > <stop stopColor="#73D3FF" /> <stop offset={1} stopColor="#73D4FF" stopOpacity={0} /> </radialGradient> <radialGradient id="paint16_radial_4791_556" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.5435 24.1067) rotate(126.332) scale(1.8735)" > <stop stopColor="#76D5FF" /> <stop offset={0.571923} stopColor="#5ABDFF" /> <stop offset={1} stopColor="#83C4FF" /> </radialGradient> <radialGradient id="paint17_radial_4791_556" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.3987 24.2273) rotate(92.6026) scale(0.531405)" > <stop stopColor="#73D3FF" /> <stop offset={1} stopColor="#73D4FF" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = PouringLiquidIcon;