UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

575 lines (574 loc) 21.9 kB
const React = require("react"); const TiredFaceIcon = ({ 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_1686)"> <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_1686)" /> <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_1686)" /> <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_1686)" /> <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_1686)" 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_1686)" /> <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_1686)" /> <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_1686)" /> <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_1686)" /> <path d="M13.45 12.03L9.44998 10.03C8.94998 9.78 8.34998 9.98 8.09998 10.47C7.84998 10.96 8.05998 11.57 8.54998 11.81L10.76 12.92L8.54998 14.03C8.05998 14.28 7.85998 14.88 8.09998 15.37C8.33998 15.86 8.94998 16.06 9.43998 15.82L13.44 13.82C13.78 13.64 14 13.3 14 12.92C14 12.54 13.78 12.19 13.45 12.03Z" fill="#533566" /> <path d="M23.45 14.0299L21.24 12.9199L23.45 11.8099C23.94 11.5599 24.14 10.9599 23.9 10.4699C23.66 9.97992 23.05 9.77992 22.56 10.0199L18.56 12.0199C18.21 12.1899 18 12.5399 18 12.9199C18 13.2999 18.21 13.6499 18.55 13.8099L22.55 15.8099C23.04 16.0599 23.64 15.8599 23.89 15.3599C24.14 14.8599 23.94 14.2699 23.45 14.0299Z" fill="#533566" /> <path d="M10.42 4.53003C10.42 6.68003 8.68003 8.42003 6.53003 8.42003" stroke="#533468" strokeMiterlimit={10} strokeLinecap="round" /> <path d="M21.53 4.53003C21.53 6.68003 23.27 8.42003 25.42 8.42003" stroke="#533468" strokeMiterlimit={10} strokeLinecap="round" /> <path d="M8.13996 24.9199C7.49996 24.9199 6.99996 24.3599 7.07996 23.7299C7.65996 19.3199 11.43 15.9199 16 15.9199C20.57 15.9199 24.34 19.3199 24.92 23.7299C25 24.3599 24.5 24.9199 23.86 24.9199H16H8.13996Z" fill="url(#paint8_linear_31_1686)" /> <path d="M10.28 17.9699C11.83 16.6899 13.83 15.9199 16 15.9199C18.17 15.9199 20.16 16.6899 21.72 17.9699" fill="white" /> <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(#paint9_radial_31_1686)" /> <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(#paint10_radial_31_1686)" /> <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(#paint11_radial_31_1686)" /> <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(#paint12_radial_31_1686)" 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(#paint13_radial_31_1686)" /> <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(#paint14_radial_31_1686)" /> <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(#paint15_radial_31_1686)" /> <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(#paint16_radial_31_1686)" /> <g filter="url(#filter0_f_31_1686)"> <path d="M9.44746 16.3275C8.95348 16.5745 8.35281 16.3743 8.10582 15.8803C7.85883 15.3863 8.05906 14.7856 8.55303 14.5387L10.7595 13.4354H14.0002C13.9994 13.8133 13.7856 14.1585 13.4475 14.3275L9.44746 16.3275Z" fill="url(#paint17_radial_31_1686)" fillOpacity={0.6} style={{ mixBlendMode: "multiply", }} /> <path d="M9.44746 10.5433C8.95348 10.2963 8.35281 10.4965 8.10582 10.9905C7.85883 11.4845 8.05906 12.0852 8.55303 12.3321L10.7595 13.4354H14.0002C13.9994 13.0575 13.7856 12.7123 13.4475 12.5433L9.44746 10.5433Z" fill="url(#paint18_radial_31_1686)" fillOpacity={0.6} style={{ mixBlendMode: "multiply", }} /> </g> <path d="M9.44746 15.8898C8.95348 16.1368 8.35281 15.9366 8.10582 15.4426C7.85883 14.9486 8.05906 14.3479 8.55303 14.101L10.7595 12.9977H14.0002C13.9994 13.3756 13.7856 13.7208 13.4475 13.8898L9.44746 15.8898Z" fill="url(#paint19_linear_31_1686)" /> <path d="M9.44746 10.1058C8.95348 9.8588 8.35281 10.059 8.10582 10.553C7.85883 11.047 8.05906 11.6477 8.55303 11.8946L10.7595 12.9979H14.0002C13.9994 12.62 13.7856 12.2748 13.4475 12.1058L9.44746 10.1058Z" fill="url(#paint20_linear_31_1686)" /> <g filter="url(#filter1_f_31_1686)"> <path d="M21.959 16.3275C22.453 16.5745 23.0537 16.3743 23.3007 15.8803C23.5477 15.3863 23.3474 14.7856 22.8535 14.5387L20.647 13.4354H17.4062C17.4071 13.8133 17.6209 14.1585 17.959 14.3275L21.959 16.3275Z" fill="url(#paint21_radial_31_1686)" /> <path d="M21.959 10.5433C22.453 10.2963 23.0537 10.4965 23.3007 10.9905C23.5477 11.4845 23.3474 12.0852 22.8535 12.3321L20.647 13.4354H17.4062C17.4071 13.0575 17.6209 12.7123 17.959 12.5433L21.959 10.5433Z" fill="url(#paint22_radial_31_1686)" /> </g> <path d="M22.5372 15.8898C23.0311 16.1368 23.6318 15.9366 23.8788 15.4426C24.1258 14.9486 23.9256 14.3479 23.4316 14.101L21.2251 12.9977H17.9844C17.9852 13.3756 18.1991 13.7208 18.5372 13.8898L22.5372 15.8898Z" fill="url(#paint23_linear_31_1686)" /> <path d="M22.5372 10.1058C23.0311 9.8588 23.6318 10.059 23.8788 10.553C24.1258 11.047 23.9256 11.6477 23.4316 11.8946L21.2251 12.9979H17.9844C17.9852 12.62 18.1991 12.2748 18.5372 12.1058L22.5372 10.1058Z" fill="url(#paint24_linear_31_1686)" /> <path d="M10.5 5.5C10.5 5.5 10 8.5 6.5 8.5" stroke="url(#paint25_linear_31_1686)" strokeWidth={1.25} strokeLinecap="round" strokeLinejoin="round" /> <path d="M10.5 5.5C10.5 5.5 10 8.5 6.5 8.5" stroke="url(#paint26_radial_31_1686)" strokeWidth={1.25} strokeLinecap="round" strokeLinejoin="round" /> <path d="M21.5 5.5C21.5 5.5 22 8.5 25.5 8.5" stroke="url(#paint27_radial_31_1686)" strokeWidth={1.25} strokeLinecap="round" strokeLinejoin="round" /> <path d="M24.6572 22.5311C25.0351 23.8591 23.8809 25 22.5002 25C18.1342 25 13.6181 25 9.49955 25C8.11883 25 6.96486 23.8591 7.34285 22.5311C8.416 18.7609 11.8856 16 16 16C20.1144 16 23.584 18.7609 24.6572 22.5311Z" fill="url(#paint28_radial_31_1686)" /> <path fillRule="evenodd" clipRule="evenodd" d="M21.6573 18H10.3427C11.8884 16.7492 13.8567 16 16 16C18.1433 16 20.1116 16.7492 21.6573 18Z" fill="url(#paint29_radial_31_1686)" /> </g> <defs> <filter id="filter0_f_31_1686" x={7.5} y={9.9375} width={7.00024} height={6.99585} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_31_1686" /> </filter> <filter id="filter1_f_31_1686" x={16.9062} y={9.9375} width={7.00024} height={6.99585} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_31_1686" /> </filter> <radialGradient id="paint0_radial_31_1686" 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_1686" 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_1686" 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_1686" 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_1686" 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_1686" 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_1686" 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_1686" 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_1686" x1={15.9989} y1={28.9173} x2={15.9989} y2={4.37352} gradientUnits="userSpaceOnUse" > <stop stopColor="#E81123" /> <stop offset={1} stopColor="#68217A" /> </linearGradient> <radialGradient id="paint9_radial_31_1686" 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="paint10_radial_31_1686" 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="paint11_radial_31_1686" 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="paint12_radial_31_1686" 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="paint13_radial_31_1686" 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="paint14_radial_31_1686" 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="paint15_radial_31_1686" 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="paint16_radial_31_1686" 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="paint17_radial_31_1686" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.78128 10.4375) rotate(110.225) scale(7.59317 9.92428)" > <stop stopColor="#9F5E0F" /> <stop offset={0.889024} stopColor="#9F5E0F" stopOpacity={0} /> </radialGradient> <radialGradient id="paint18_radial_31_1686" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.78128 10.4375) rotate(110.225) scale(7.59317 9.92428)" > <stop stopColor="#9F5E0F" /> <stop offset={0.889024} stopColor="#9F5E0F" stopOpacity={0} /> </radialGradient> <linearGradient id="paint19_linear_31_1686" x1={10.5784} y1={16.7321} x2={8.00003} y2={11.3883} gradientUnits="userSpaceOnUse" > <stop offset={0.24955} stopColor="#482641" /> <stop offset={0.406361} stopColor="#503A4A" /> <stop offset={0.511203} stopColor="#482641" /> </linearGradient> <linearGradient id="paint20_linear_31_1686" x1={8.85962} y1={13.1385} x2={11.2502} y2={8.45102} gradientUnits="userSpaceOnUse" > <stop offset={0.24955} stopColor="#482641" /> <stop offset={0.406361} stopColor="#503A4A" /> <stop offset={0.511203} stopColor="#482641" /> </linearGradient> <radialGradient id="paint21_radial_31_1686" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.8281 17.4375) rotate(-135.995) scale(13.3597 17.4611)" > <stop stopColor="#E9830A" /> <stop offset={0.801655} stopColor="#F08B13" stopOpacity={0} /> </radialGradient> <radialGradient id="paint22_radial_31_1686" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.8281 17.4375) rotate(-135.995) scale(13.3597 17.4611)" > <stop stopColor="#E9830A" /> <stop offset={0.801655} stopColor="#F08B13" stopOpacity={0} /> </radialGradient> <linearGradient id="paint23_linear_31_1686" x1={21.4063} y1={16.7321} x2={23.9846} y2={11.3883} gradientUnits="userSpaceOnUse" > <stop offset={0.24955} stopColor="#482641" /> <stop offset={0.406361} stopColor="#503A4A" /> <stop offset={0.511203} stopColor="#482641" /> </linearGradient> <linearGradient id="paint24_linear_31_1686" x1={23.125} y1={13.1385} x2={20.7344} y2={8.45102} gradientUnits="userSpaceOnUse" > <stop offset={0.24955} stopColor="#482641" /> <stop offset={0.406361} stopColor="#503A4A" /> <stop offset={0.511203} stopColor="#482641" /> </linearGradient> <linearGradient id="paint25_linear_31_1686" x1={9.5} y1={5} x2={9.5} y2={6.5} gradientUnits="userSpaceOnUse" > <stop offset={0.0299084} stopColor="#524049" /> <stop offset={1} stopColor="#4A2C42" /> </linearGradient> <radialGradient id="paint26_radial_31_1686" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(7 5) 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="paint27_radial_31_1686" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25 5) rotate(125.538) scale(4.30116)" > <stop stopColor="#C2B4B5" /> <stop offset={0.887405} stopColor="#462B45" /> <stop offset={1} stopColor="#4A2C42" /> </radialGradient> <radialGradient id="paint28_radial_31_1686" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16 27) rotate(-90) scale(10.5 28.4095)" > <stop stopColor="#F70A8D" /> <stop offset={1} stopColor="#89029C" /> </radialGradient> <radialGradient id="paint29_radial_31_1686" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.0003 19.5) rotate(-49.405) scale(4.60934 6.29018)" > <stop offset={0.454233} stopColor="white" /> <stop offset={0.839648} stopColor="#ECCDFF" /> <stop offset={1} stopColor="#D590FF" /> </radialGradient> <clipPath id="clip0_31_1686"> <rect width={32} height={32} fill="white" /> </clipPath> </defs> </svg> ); module.exports = TiredFaceIcon;