UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

285 lines (284 loc) 10.3 kB
const React = require("react"); const PleadingFaceIcon = ({ 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} <g clipPath="url(#clip0_31_1614)"> <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_1614)" /> <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_1614)" /> <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_1614)" /> <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_1614)" 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_1614)" /> <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_1614)" /> <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_1614)" /> <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_1614)" /> <path fillRule="evenodd" clipRule="evenodd" d="M15 16.5C15 18.9853 12.9853 21 10.5 21C8.01472 21 6 18.9853 6 16.5C6 14.0147 8.01472 12 10.5 12C12.9853 12 15 14.0147 15 16.5ZM25.96 16.48C25.96 18.9542 23.9542 20.96 21.48 20.96C19.0058 20.96 17 18.9542 17 16.48C17 14.0058 19.0058 12 21.48 12C23.9542 12 25.96 14.0058 25.96 16.48Z" fill="white" /> <path d="M7 15.88C7 13.74 8.74 12 10.88 12C13.02 12 14.76 13.74 14.76 15.88C14.76 18.02 13.02 19.76 10.88 19.76C8.74 19.76 7 18.02 7 15.88Z" fill="url(#paint8_linear_31_1614)" /> <path d="M17 15.88C17 13.74 18.74 12 20.88 12C23.02 12 24.76 13.74 24.76 15.88C24.76 18.02 23.02 19.76 20.88 19.76C18.74 19.76 17 18.02 17 15.88Z" fill="url(#paint9_linear_31_1614)" /> <path d="M13.8436 14.0716C14.2117 14.8666 13.908 15.6999 13.1626 15.9369C12.4172 16.1739 11.5245 15.7228 11.1564 14.9278C10.7883 14.1328 11.092 13.2995 11.8374 13.0625C12.5828 12.8255 13.4755 13.2842 13.8436 14.0716Z" fill="url(#paint10_linear_31_1614)" /> <path d="M23.8436 14.0716C24.2117 14.8666 23.908 15.6999 23.1626 15.9369C22.4172 16.1739 21.5245 15.7228 21.1564 14.9278C20.7883 14.1328 21.092 13.2995 21.8374 13.0625C22.5736 12.8255 23.4755 13.2842 23.8436 14.0716Z" fill="url(#paint11_linear_31_1614)" /> <path d="M10.5 7.5C10.5 7.5 10 10.5 6.5 10.5" stroke="url(#paint12_linear_31_1614)" strokeWidth={1.25} strokeLinecap="round" strokeLinejoin="round" /> <path d="M10.5 7.5C10.5 7.5 10 10.5 6.5 10.5" stroke="url(#paint13_radial_31_1614)" strokeWidth={1.25} strokeLinecap="round" strokeLinejoin="round" /> <path d="M21.5 7.5C21.5 7.5 22 10.5 25.5 10.5" stroke="url(#paint14_radial_31_1614)" strokeWidth={1.25} strokeLinecap="round" strokeLinejoin="round" /> <path d="M14 25C14 25 14.5 24 16 24C17.5 24 18 25 18 25" stroke="url(#paint15_linear_31_1614)" strokeWidth={2} strokeLinecap="round" /> </g> <defs> <radialGradient id="paint0_radial_31_1614" 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_1614" 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_1614" 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_1614" 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_1614" 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_1614" 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_1614" 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_1614" 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_31_1614" x1={12.3723} y1={12} x2={10.88} y2={19.76} gradientUnits="userSpaceOnUse" > <stop stopColor="#553B3E" /> <stop offset={1} stopColor="#3D2432" /> </linearGradient> <linearGradient id="paint9_linear_31_1614" x1={22.3723} y1={12} x2={20.88} y2={19.76} gradientUnits="userSpaceOnUse" > <stop stopColor="#553B3E" /> <stop offset={1} stopColor="#3D2432" /> </linearGradient> <linearGradient id="paint10_linear_31_1614" x1={11.7832} y1={12.948} x2={12.6291} y2={15.5977} gradientUnits="userSpaceOnUse" > <stop offset={0.00558659} stopColor="white" /> <stop offset={1} stopColor="white" stopOpacity={0} /> </linearGradient> <linearGradient id="paint11_linear_31_1614" x1={21.7782} y1={12.9482} x2={22.6241} y2={15.5978} gradientUnits="userSpaceOnUse" > <stop offset={0.00558659} stopColor="white" /> <stop offset={1} stopColor="white" stopOpacity={0} /> </linearGradient> <linearGradient id="paint12_linear_31_1614" x1={9.5} y1={7} x2={9.5} y2={8.5} gradientUnits="userSpaceOnUse" > <stop offset={0.0299084} stopColor="#524049" /> <stop offset={1} stopColor="#4A2C42" /> </linearGradient> <radialGradient id="paint13_radial_31_1614" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(7 7) rotate(54.4623) scale(4.30116)" > <stop offset={0.541667} stopColor="#493032" /> <stop offset={0.806723} stopColor="#5E445A" /> <stop offset={0.955326} stopColor="#4A2C42" /> </radialGradient> <radialGradient id="paint14_radial_31_1614" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25 7) rotate(125.538) scale(4.30116)" > <stop stopColor="#C2B4B5" /> <stop offset={0.887405} stopColor="#462B45" /> <stop offset={1} stopColor="#4A2C42" /> </radialGradient> <linearGradient id="paint15_linear_31_1614" x1={16} y1={22} x2={16} y2={24} gradientUnits="userSpaceOnUse" > <stop stopColor="#4F3C43" /> <stop offset={1} stopColor="#512756" /> </linearGradient> <clipPath id="clip0_31_1614"> <rect width={32} height={32} fill="white" /> </clipPath> </defs> </svg> ); module.exports = PleadingFaceIcon;