UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

349 lines (348 loc) 11.5 kB
const React = require("react"); const DowncastFaceWithSweatIcon = ({ 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_966_3945)" /> <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_966_3945)" /> <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_966_3945)" /> <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_966_3945)" 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_966_3945)" /> <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_966_3945)" /> <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_966_3945)" /> <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_966_3945)" /> <g opacity={0.5} filter="url(#filter0_f_966_3945)"> <path d="M7.75 15.5C7.75 15.5 8.25 14 10.25 14C12.25 14 12.75 15.5 12.75 15.5" stroke="#9A4609" strokeWidth={2} strokeLinecap="round" /> </g> <g opacity={0.5} filter="url(#filter1_f_966_3945)"> <path d="M18.75 15.5C18.75 15.5 19.25 14 21.25 14C23.25 14 23.75 15.5 23.75 15.5" stroke="#9A4609" strokeWidth={2} strokeLinecap="round" /> </g> <path d="M8 15C8 15 8.5 13.5 10.5 13.5C12.5 13.5 13 15 13 15" stroke="url(#paint8_linear_966_3945)" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" /> <path d="M19 15C19 15 19.5 13.5 21.5 13.5C23.5 13.5 24 15 24 15" stroke="url(#paint9_linear_966_3945)" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" /> <g opacity={0.26} filter="url(#filter2_f_966_3945)"> <path d="M8.25 14.75C8.25 14.75 8.75 13.25 10.75 13.25C12.75 13.25 13.25 14.75 13.25 14.75" stroke="white" strokeWidth={0.75} strokeLinecap="round" strokeLinejoin="round" /> </g> <g opacity={0.26} filter="url(#filter3_f_966_3945)"> <path d="M19.25 14.75C19.25 14.75 19.75 13.25 21.75 13.25C23.75 13.25 24.25 14.75 24.25 14.75" stroke="white" strokeWidth={0.75} strokeLinecap="round" strokeLinejoin="round" /> </g> <path fillRule="evenodd" clipRule="evenodd" d="M20.2455 24.6997C17.897 22.3684 14.0992 22.3765 11.7584 24.7259C11.3686 25.1171 10.7355 25.1183 10.3442 24.7284C9.953 24.3386 9.95184 23.7055 10.3417 23.3142C13.4609 20.1836 18.5231 20.1717 21.6546 23.2804C22.0465 23.6694 22.0488 24.3026 21.6597 24.6946C21.2706 25.0865 20.6375 25.0888 20.2455 24.6997Z" fill="url(#paint10_linear_966_3945)" /> <path fillRule="evenodd" clipRule="evenodd" d="M8.36105 3.83032C8.76531 4.4553 8.99999 5.2002 8.99999 5.99992V11.9999C8.99999 14.2091 7.20913 15.9999 4.99999 15.9999C3.82962 15.9999 2.77664 15.4973 2.04517 14.6961C2.37238 10.0356 4.47723 6.03701 8.36105 3.83032Z" fill="url(#paint11_radial_966_3945)" /> <rect x={3} y={2} width={6} height={11} rx={3} fill="url(#paint12_radial_966_3945)" /> <defs> <filter id="filter0_f_966_3945" x={5.24976} y={11.5} width={10.0005} height={6.50024} 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_966_3945" /> </filter> <filter id="filter1_f_966_3945" x={16.2498} y={11.5} width={10.0005} height={6.50024} 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_966_3945" /> </filter> <filter id="filter2_f_966_3945" x={6.37488} y={11.375} width={8.75024} height={5.25} 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_966_3945" /> </filter> <filter id="filter3_f_966_3945" x={17.3749} y={11.375} width={8.75024} height={5.25} 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_966_3945" /> </filter> <radialGradient id="paint0_radial_966_3945" 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_966_3945" 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_966_3945" 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_966_3945" 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_966_3945" 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_966_3945" 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_966_3945" 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_966_3945" 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> <linearGradient id="paint8_linear_966_3945" x1={11.5} y1={12.5} x2={10.5} y2={15} gradientUnits="userSpaceOnUse" > <stop stopColor="#52383E" /> <stop offset={1} stopColor="#432A35" /> </linearGradient> <linearGradient id="paint9_linear_966_3945" x1={22.5} y1={12.5} x2={21.5} y2={15} gradientUnits="userSpaceOnUse" > <stop stopColor="#52383E" /> <stop offset={1} stopColor="#432A35" /> </linearGradient> <linearGradient id="paint10_linear_966_3945" x1={16} y1={20.9263} x2={16} y2={22.9888} gradientUnits="userSpaceOnUse" > <stop stopColor="#4F3C43" /> <stop offset={1} stopColor="#512756" /> </linearGradient> <radialGradient id="paint11_radial_966_3945" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(6.82661 5.12176) rotate(107.831) scale(9.9366 4.29216)" > <stop stopColor="#392108" /> <stop offset={1} stopColor="#C87928" stopOpacity={0} /> </radialGradient> <radialGradient id="paint12_radial_966_3945" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(8 2.5) rotate(104.621) scale(11.8849 4.44155)" > <stop stopColor="#5C98FF" /> <stop offset={0.805982} stopColor="#3D5BF1" /> <stop offset={0.962238} stopColor="#6065CA" /> </radialGradient> </defs> </svg> ); module.exports = DowncastFaceWithSweatIcon;