@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
448 lines (447 loc) • 17.4 kB
JSX
const React = require("react");
const RollingOnTheFloorLaughingIcon = ({ 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_23_372)">
<g clipPath="url(#clip1_23_372)">
<path
d="M25.897 25.8987C32.4975 19.2983 31.3639 11.5682 25.897 6.10129C20.4301 0.634391 12.7001 -0.499157 6.09963 6.10129C-0.500819 12.7017 0.632729 20.4318 6.09963 25.8987C11.5665 31.3656 19.2966 32.4992 25.897 25.8987Z"
fill="url(#paint0_radial_23_372)"
/>
<path
d="M25.897 25.8987C32.4975 19.2983 31.3639 11.5682 25.897 6.10129C20.4301 0.634391 12.7001 -0.499157 6.09963 6.10129C-0.500819 12.7017 0.632729 20.4318 6.09963 25.8987C11.5665 31.3656 19.2966 32.4992 25.897 25.8987Z"
fill="url(#paint1_radial_23_372)"
/>
<path
d="M25.897 25.8987C32.4975 19.2983 31.3639 11.5682 25.897 6.10129C20.4301 0.634391 12.7001 -0.499157 6.09963 6.10129C-0.500819 12.7017 0.632729 20.4318 6.09963 25.8987C11.5665 31.3656 19.2966 32.4992 25.897 25.8987Z"
fill="url(#paint2_radial_23_372)"
/>
<path
d="M25.897 25.8987C32.4975 19.2983 31.3639 11.5682 25.897 6.10129C20.4301 0.634391 12.7001 -0.499157 6.09963 6.10129C-0.500819 12.7017 0.632729 20.4318 6.09963 25.8987C11.5665 31.3656 19.2966 32.4992 25.897 25.8987Z"
fill="url(#paint3_radial_23_372)"
fillOpacity={0.6}
/>
<path
d="M25.897 25.8987C32.4975 19.2983 31.3639 11.5682 25.897 6.10129C20.4301 0.634391 12.7001 -0.499157 6.09963 6.10129C-0.500819 12.7017 0.632729 20.4318 6.09963 25.8987C11.5665 31.3656 19.2966 32.4992 25.897 25.8987Z"
fill="url(#paint4_radial_23_372)"
/>
<path
d="M25.897 25.8987C32.4975 19.2983 31.3639 11.5682 25.897 6.10129C20.4301 0.634391 12.7001 -0.499157 6.09963 6.10129C-0.500819 12.7017 0.632729 20.4318 6.09963 25.8987C11.5665 31.3656 19.2966 32.4992 25.897 25.8987Z"
fill="url(#paint5_radial_23_372)"
/>
<path
d="M25.897 25.8987C32.4975 19.2983 31.3639 11.5682 25.897 6.10129C20.4301 0.634391 12.7001 -0.499157 6.09963 6.10129C-0.500819 12.7017 0.632729 20.4318 6.09963 25.8987C11.5665 31.3656 19.2966 32.4992 25.897 25.8987Z"
fill="url(#paint6_radial_23_372)"
/>
<path
d="M25.897 25.8987C32.4975 19.2983 31.3639 11.5682 25.897 6.10129C20.4301 0.634391 12.7001 -0.499157 6.09963 6.10129C-0.500819 12.7017 0.632729 20.4318 6.09963 25.8987C11.5665 31.3656 19.2966 32.4992 25.897 25.8987Z"
fill="url(#paint7_radial_23_372)"
/>
</g>
<g clipPath="url(#clip2_23_372)">
<g filter="url(#filter0_f_23_372)">
<path
d="M10.1841 19.4507C10.0094 19.9746 9.44312 20.2578 8.91917 20.0831C8.39523 19.9085 8.11207 19.3422 8.28672 18.8182L9.06683 16.4779L11.3584 14.1864C11.6249 14.4542 11.7178 14.8495 11.5983 15.2081L10.1841 19.4507Z"
fill="url(#paint8_radial_23_372)"
fillOpacity={0.6}
style={{
mixBlendMode: "multiply",
}}
/>
<path
d="M6.09403 15.3606C5.57009 15.5353 5.28693 16.1016 5.46157 16.6255C5.63622 17.1495 6.20254 17.4327 6.72648 17.258L9.06683 16.4779L11.3584 14.1864C11.0906 13.9198 10.6953 13.8269 10.3367 13.9464L6.09403 15.3606Z"
fill="url(#paint9_radial_23_372)"
fillOpacity={0.6}
style={{
mixBlendMode: "multiply",
}}
/>
</g>
<path
d="M9.87459 19.1413C9.69994 19.6653 9.13362 19.9484 8.60968 19.7738C8.08574 19.5991 7.80258 19.0328 7.97723 18.5089L8.75734 16.1685L11.0489 13.877C11.3154 14.1448 11.4083 14.5401 11.2888 14.8987L9.87459 19.1413Z"
fill="url(#paint10_linear_23_372)"
/>
<path
d="M5.78446 15.0513C5.26051 15.226 4.97736 15.7923 5.152 16.3162C5.32665 16.8402 5.89297 17.1233 6.41691 16.9487L8.75726 16.1686L11.0488 13.877C10.781 13.6105 10.3857 13.5176 10.0271 13.6371L5.78446 15.0513Z"
fill="url(#paint11_linear_23_372)"
/>
<g filter="url(#filter1_f_23_372)">
<path
d="M19.0309 10.6038C19.5548 10.4291 19.838 9.86279 19.6633 9.33885C19.4887 8.81491 18.9224 8.53175 18.3984 8.7064L16.0581 9.48651L13.7666 11.778C14.0344 12.0446 14.4297 12.1375 14.7883 12.018L19.0309 10.6038Z"
fill="url(#paint12_radial_23_372)"
/>
<path
d="M14.9408 6.51371C15.1155 5.98976 15.6818 5.7066 16.2057 5.88125C16.7297 6.0559 17.0129 6.62222 16.8382 7.14616L16.0581 9.48651L13.7666 11.778C13.5 11.5102 13.4071 11.1149 13.5266 10.7563L14.9408 6.51371Z"
fill="url(#paint13_radial_23_372)"
/>
</g>
<path
d="M19.1303 9.88546C19.6543 9.71081 19.9374 9.14449 19.7628 8.62055C19.5881 8.0966 19.0218 7.81344 18.4979 7.98809L16.1575 8.76821L13.866 11.0597C14.1338 11.3263 14.5291 11.4192 14.8877 11.2997L19.1303 9.88546Z"
fill="url(#paint14_linear_23_372)"
/>
<path
d="M15.0404 5.79544C15.2151 5.2715 15.7814 4.98834 16.3054 5.16299C16.8293 5.33764 17.1125 5.90396 16.9378 6.4279L16.1577 8.76825L13.8662 11.0598C13.5996 10.792 13.5067 10.3967 13.6262 10.0381L15.0404 5.79544Z"
fill="url(#paint15_linear_23_372)"
/>
</g>
<path
d="M23.0711 23.071C16 30.1421 8.92896 23.071 8.92896 23.071L23.0711 8.92891C23.0711 8.92891 30.1422 16 23.0711 23.071Z"
fill="url(#paint16_radial_23_372)"
/>
<path
d="M22.3639 11.7574L11.7573 22.364C11.1715 22.9498 10.2218 22.9498 9.63599 22.364L22.3639 9.63609C22.9497 10.2219 22.9497 11.1716 22.3639 11.7574Z"
fill="url(#paint17_linear_23_372)"
/>
<g clipPath="url(#clip3_23_372)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.7411 29.214C11.7148 29.029 12.4645 28.1729 12.4645 27.1296L12.4645 22.364C12.4645 21.1924 11.5148 20.2426 10.3432 20.2426C9.17161 20.2426 8.22187 21.1924 8.22187 22.364L8.22187 27.1296C8.22187 27.362 8.2594 27.5863 8.32894 27.7963C9.10489 28.3513 9.91139 28.8263 10.7411 29.214Z"
fill="url(#paint18_radial_23_372)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M27.3143 7.69155L22.8943 7.69155C21.7227 7.69155 20.773 8.64129 20.773 9.81287C20.773 10.9844 21.7227 11.9342 22.8943 11.9342H27.6599C28.3614 11.9342 28.9783 11.5953 29.3634 11.0772C28.8494 9.89749 28.1594 8.76205 27.3143 7.69155Z"
fill="url(#paint19_radial_23_372)"
/>
<path
d="M11.0502 22.364V27.1296C11.0502 28.3707 9.98953 29.3467 8.75276 29.2436C7.65329 29.152 6.8076 28.2329 6.8076 27.1296L6.8076 22.364C6.8076 21.1924 7.75735 20.2427 8.92892 20.2427C10.1005 20.2427 11.0502 21.1924 11.0502 22.364Z"
fill="url(#paint20_radial_23_372)"
/>
<path
d="M22.5408 10.8735H27.3064C28.5474 10.8735 29.5234 9.81277 29.4204 8.576C29.3288 7.47653 28.4097 6.63084 27.3064 6.63084L22.5408 6.63084C21.3692 6.63084 20.4194 7.58059 20.4194 8.75216C20.4194 9.92374 21.3692 10.8735 22.5408 10.8735Z"
fill="url(#paint21_radial_23_372)"
/>
</g>
</g>
<defs>
<filter
id="filter0_f_23_372"
x={4.90991}
y={13.395}
width={7.23975}
height={7.23975}
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_23_372"
/>
</filter>
<filter
id="filter1_f_23_372"
x={12.9753}
y={5.32971}
width={7.2395}
height={7.23962}
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_23_372"
/>
</filter>
<radialGradient
id="paint0_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.7677 4.33274) rotate(87.8389) scale(37.5033)"
>
<stop stopColor="#FFF478" />
<stop offset={0.474827} stopColor="#FFB02E" />
<stop offset={1} stopColor="#F70A8D" />
</radialGradient>
<radialGradient
id="paint1_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.7677 4.33274) rotate(86.8779) scale(38.9487)"
>
<stop stopColor="#FFF478" />
<stop offset={0.474827} stopColor="#FFB02E" />
<stop offset={1} stopColor="#F70A8D" />
</radialGradient>
<radialGradient
id="paint2_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.525 13.5251) rotate(56.3099) scale(17.8466 22.8581)"
>
<stop offset={0.787821} stopColor="#F59639" stopOpacity={0} />
<stop offset={0.972509} stopColor="#FF7DCE" />
</radialGradient>
<radialGradient
id="paint3_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9999 13.1716) rotate(90) scale(41.0122)"
>
<stop offset={0.314853} stopOpacity={0} />
<stop offset={1} />
</radialGradient>
<radialGradient
id="paint4_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.707 16.7071) rotate(32.692) scale(28.1469)"
>
<stop offset={0.507903} stopColor="#7D6133" stopOpacity={0} />
<stop offset={1} stopColor="#715B32" />
</radialGradient>
<radialGradient
id="paint5_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.707 16) rotate(10.7131) scale(13.3135 9.65032)"
>
<stop stopColor="#FFB849" />
<stop offset={1} stopColor="#FFB847" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.5961 14.2322) rotate(-35.1342) scale(11.6726)"
>
<stop stopColor="#FFA64B" />
<stop offset={0.900412} stopColor="#FFAE46" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.3535 14.2322) rotate(-1.02916) scale(59.0529)"
>
<stop offset={0.185425} stopOpacity={0} />
<stop offset={1} stopOpacity={0.4} />
</radialGradient>
<radialGradient
id="paint8_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.25527 15.0498) rotate(65.2249) scale(7.59317 9.92428)"
>
<stop stopColor="#9F5E0F" />
<stop offset={0.889024} stopColor="#9F5E0F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.25527 15.0498) rotate(65.2249) scale(7.59317 9.92428)"
>
<stop stopColor="#9F5E0F" />
<stop offset={0.889024} stopColor="#9F5E0F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_23_372"
x1={11.2698}
y1={18.9372}
x2={5.66807}
y2={16.9818}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.24955} stopColor="#482641" />
<stop offset={0.406361} stopColor="#503A4A" />
<stop offset={0.511203} stopColor="#482641" />
</linearGradient>
<linearGradient
id="paint11_linear_23_372"
x1={7.51326}
y1={17.6114}
x2={5.88912}
y2={12.6065}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.24955} stopColor="#482641" />
<stop offset={0.406361} stopColor="#503A4A" />
<stop offset={0.511203} stopColor="#482641" />
</linearGradient>
<radialGradient
id="paint12_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.2587 7.94568) rotate(179.005) scale(13.3597 17.4611)"
>
<stop stopColor="#E9830A" />
<stop offset={0.801655} stopColor="#F08B13" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.2587 7.94568) rotate(179.005) scale(13.3597 17.4611)"
>
<stop stopColor="#E9830A" />
<stop offset={0.801655} stopColor="#F08B13" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_23_372"
x1={18.9262}
y1={11.2807}
x2={16.9708}
y2={5.67894}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.24955} stopColor="#482641" />
<stop offset={0.406361} stopColor="#503A4A" />
<stop offset={0.511203} stopColor="#482641" />
</linearGradient>
<linearGradient
id="paint15_linear_23_372"
x1={17.6006}
y1={7.52424}
x2={12.5956}
y2={5.90011}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.24955} stopColor="#482641" />
<stop offset={0.406361} stopColor="#503A4A" />
<stop offset={0.511203} stopColor="#482641" />
</linearGradient>
<radialGradient
id="paint16_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.5 27) rotate(-135) scale(16.9706 33.9411)"
>
<stop offset={0.050964} stopColor="#F70A8D" />
<stop offset={1} stopColor="#89029C" />
</radialGradient>
<linearGradient
id="paint17_linear_23_372"
x1={15.9999}
y1={16.0001}
x2={17.0606}
y2={17.0607}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ECCDFF" />
<stop offset={1} stopColor="white" />
</linearGradient>
<radialGradient
id="paint18_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.98967 26.9601) rotate(-77.0054) scale(4.71699 3.06194)"
>
<stop stopColor="#6D4534" />
<stop offset={1} stopColor="#FF822D" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint19_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.0711 9.63607) rotate(-11.3099) scale(5.40833 3.5107)"
>
<stop stopColor="#6D4534" />
<stop offset={1} stopColor="#FF822D" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint20_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.63603 20.9498) rotate(102.529) scale(6.5192 2.96814)"
>
<stop stopColor="#508FFF" />
<stop offset={1} stopColor="#3D5BF1" />
</radialGradient>
<radialGradient
id="paint21_radial_23_372"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.7782 7.51473) rotate(4.3987) scale(4.60977 2.09879)"
>
<stop stopColor="#5092FF" />
<stop offset={1} stopColor="#3F5FFF" />
</radialGradient>
<clipPath id="clip0_23_372">
<rect width={32} height={32} fill="white" />
</clipPath>
<clipPath id="clip1_23_372">
<rect
width={32}
height={32}
fill="white"
transform="translate(-6.62744 16) rotate(-45)"
/>
</clipPath>
<clipPath id="clip2_23_372">
<rect
width={32}
height={32}
fill="white"
transform="translate(-6.62744 16) rotate(-45)"
/>
</clipPath>
<clipPath id="clip3_23_372">
<rect
width={32}
height={32}
fill="white"
transform="translate(-6.62744 16) rotate(-45)"
/>
</clipPath>
</defs>
</svg>
);
module.exports = RollingOnTheFloorLaughingIcon;