UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

340 lines (339 loc) 11.3 kB
const React = require("react"); const FaceSavoringFoodIcon = ({ 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="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#paint0_radial_31_15)" /> <path d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#paint1_radial_31_15)" /> <path d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#paint2_radial_31_15)" /> <path d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#paint3_radial_31_15)" fillOpacity={0.6} /> <path d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#paint4_radial_31_15)" /> <path d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#paint5_radial_31_15)" /> <path d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#paint6_radial_31_15)" /> <path d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#paint7_radial_31_15)" /> <g opacity={0.5} filter="url(#filter0_f_31_15)"> <path d="M7.5 11.5C7.5 11.5 7.75 9.5 10 9.5C12.25 9.5 12.5 11.5 12.5 11.5" stroke="#9A4609" strokeWidth={2} strokeLinecap="round" /> </g> <g opacity={0.5} filter="url(#filter1_f_31_15)"> <path d="M18.5 11.5C18.5 11.5 19 9.5 21 9.5C23 9.5 23.5 11.5 23.5 11.5" stroke="#9A4609" strokeWidth={2} strokeLinecap="round" /> </g> <path d="M8 11C8 11 8.25 9 10.5 9C12.75 9 13 11 13 11" stroke="#43273B" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" /> <g opacity={0.26} filter="url(#filter2_f_31_15)"> <path d="M8.25 10.75C8.25 10.75 8.5 8.75 10.75 8.75C13 8.75 13.25 10.75 13.25 10.75" stroke="white" strokeWidth={0.75} strokeLinecap="round" strokeLinejoin="round" /> </g> <path d="M19 11C19 11 19.5 9 21.5 9C23.5 9 24 11 24 11" stroke="#43273B" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" /> <g opacity={0.26} filter="url(#filter3_f_31_15)"> <path d="M19.25 10.75C19.25 10.75 19.5 8.75 21.75 8.75C24 8.75 24.25 10.75 24.25 10.75" stroke="white" strokeWidth={0.75} strokeLinecap="round" strokeLinejoin="round" /> </g> <path d="M11.62 18.5H18.1L23.5 21.5L19.72 29.5L10 26L11.62 18.5Z" fill="url(#paint8_radial_31_15)" /> <path d="M18.3683 22.3683L15.5 19.5L23.5 16L24.455 18.292C25.2894 20.2946 24.2473 22.5842 22.1892 23.2703C20.8475 23.7175 19.3683 23.3683 18.3683 22.3683Z" fill="url(#paint9_linear_31_15)" /> <path d="M9 16C9.5 16.6667 11.5 18.5 16 18.5C20.5 18.5 22.5 16.6667 23 16" stroke="url(#paint10_radial_31_15)" strokeWidth={2} strokeLinecap="round" /> <path fillRule="evenodd" clipRule="evenodd" d="M18.1755 22.1755L18.3683 22.3683C19.3683 23.3683 20.8475 23.7175 22.1892 23.2703C24.2473 22.5842 25.2894 20.2946 24.455 18.292L24.1878 17.6508C23.5591 17.2393 22.8075 17 22 17C21.5762 17 21.1679 17.0659 20.7846 17.188L20.0286 17.5187C18.8173 18.2062 18 19.5076 18 21C18 21.4091 18.0614 21.8038 18.1755 22.1755Z" fill="url(#paint11_radial_31_15)" /> <defs> <filter id="filter0_f_31_15" x={5} y={7} width={10} height={7.00012} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.75} result="effect1_foregroundBlur_31_15" /> </filter> <filter id="filter1_f_31_15" x={15.9998} y={7} width={10.0005} height={7.00024} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.75} result="effect1_foregroundBlur_31_15" /> </filter> <filter id="filter2_f_31_15" x={6.375} y={6.875} width={8.75} height={5.75006} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.75} result="effect1_foregroundBlur_31_15" /> </filter> <filter id="filter3_f_31_15" x={17.375} y={6.875} width={8.75} height={5.75006} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.75} result="effect1_foregroundBlur_31_15" /> </filter> <radialGradient id="paint0_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25.5 9) rotate(132.839) scale(37.5033)" > <stop stopColor="#FFF478" /> <stop offset={0.474827} stopColor="#FFB02E" /> <stop offset={1} stopColor="#F70A8D" /> </radialGradient> <radialGradient id="paint1_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25.5 9) rotate(131.878) scale(38.9487)" > <stop stopColor="#FFF478" /> <stop offset={0.474827} stopColor="#FFB02E" /> <stop offset={1} stopColor="#F70A8D" /> </radialGradient> <radialGradient id="paint2_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16 12.5) rotate(101.31) scale(17.8466 22.8581)" > <stop offset={0.787821} stopColor="#F59639" stopOpacity={0} /> <stop offset={0.972509} stopColor="#FF7DCE" /> </radialGradient> <radialGradient id="paint3_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18 14) rotate(135) scale(41.0122)" > <stop offset={0.314853} stopOpacity={0} /> <stop offset={1} /> </radialGradient> <radialGradient id="paint4_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16 17) rotate(77.692) scale(28.1469)" > <stop offset={0.507903} stopColor="#7D6133" stopOpacity={0} /> <stop offset={1} stopColor="#715B32" /> </radialGradient> <radialGradient id="paint5_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.5 16.5) rotate(55.7131) scale(13.3135 9.65032)" > <stop stopColor="#FFB849" /> <stop offset={1} stopColor="#FFB847" stopOpacity={0} /> </radialGradient> <radialGradient id="paint6_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(20.5 18) rotate(9.86581) scale(11.6726)" > <stop stopColor="#FFA64B" /> <stop offset={0.900412} stopColor="#FFAE46" stopOpacity={0} /> </radialGradient> <radialGradient id="paint7_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.5 15) rotate(43.9708) scale(59.0529)" > <stop offset={0.185425} stopOpacity={0} /> <stop offset={1} stopOpacity={0.4} /> </radialGradient> <radialGradient id="paint8_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.72 18.5) rotate(129.007) scale(7.72137 5.2163)" > <stop stopColor="#F63711" /> <stop offset={1} stopColor="#E24A2C" stopOpacity={0} /> </radialGradient> <linearGradient id="paint9_linear_31_15" x1={23.5} y1={22.5} x2={20.3827} y2={16.0057} gradientUnits="userSpaceOnUse" > <stop stopColor="#D40F31" /> <stop offset={0.340515} stopColor="#FF2375" /> <stop offset={1} stopColor="#FF278E" /> </linearGradient> <radialGradient id="paint10_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16 14) rotate(90) scale(6 9.18387)" > <stop offset={0.517632} stopColor="#4E2553" /> <stop offset={0.702876} stopColor="#5B4852" /> <stop offset={1} stopColor="#4E2553" /> <stop offset={1} stopColor="#4E2553" /> </radialGradient> <radialGradient id="paint11_radial_31_15" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.6667 21) rotate(56.3099) scale(2.4037 7.2111)" > <stop stopColor="#FF7291" /> <stop offset={1} stopColor="#FF7291" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = FaceSavoringFoodIcon;