@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
442 lines (441 loc) • 17.7 kB
JSX
const React = require("react");
const DumplingIcon = ({ 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="M26.67 4.48C26.54 4.37 26.39 4.26 26.22 4.16C25.04 3.48 23.26 4.23 21.97 3.89C20.66 3.54 19.49 2 18.15 2C16.8 2 15.64 3.54 14.33 3.89C13.04 4.23 11.26 3.48 10.08 4.16C8.93 4.82 8.69 6.73 7.71 7.71C6.73 8.69 4.82 8.93 4.16 10.07C3.48 11.25 4.23 13.03 3.89 14.32C3.54 15.63 2 16.8 2 18.15C2 19.5 3.54 20.66 3.89 21.97C4.23 23.26 3.48 25.04 4.16 26.22C4.26 26.39 4.37 26.53 4.48 26.67L4.5 26.69C4.58 26.78 4.66 26.86 4.75 26.94L6.28 28.47C8.38 30.57 11.77 30.57 13.87 28.47L28.48 13.86C30.58 11.76 30.58 8.37 28.48 6.27L26.67 4.48Z"
fill="url(#paint0_linear_18_31189)"
/>
<path
d="M26.67 4.48C26.54 4.37 26.39 4.26 26.22 4.16C25.04 3.48 23.26 4.23 21.97 3.89C20.66 3.54 19.49 2 18.15 2C16.8 2 15.64 3.54 14.33 3.89C13.04 4.23 11.26 3.48 10.08 4.16C8.93 4.82 8.69 6.73 7.71 7.71C6.73 8.69 4.82 8.93 4.16 10.07C3.48 11.25 4.23 13.03 3.89 14.32C3.54 15.63 2 16.8 2 18.15C2 19.5 3.54 20.66 3.89 21.97C4.23 23.26 3.48 25.04 4.16 26.22C4.26 26.39 4.37 26.53 4.48 26.67L4.5 26.69C4.58 26.78 4.66 26.86 4.75 26.94L6.28 28.47C8.38 30.57 11.77 30.57 13.87 28.47L28.48 13.86C30.58 11.76 30.58 8.37 28.48 6.27L26.67 4.48Z"
fill="url(#paint1_linear_18_31189)"
/>
<path
d="M26.67 4.48C26.54 4.37 26.39 4.26 26.22 4.16C25.04 3.48 23.26 4.23 21.97 3.89C20.66 3.54 19.49 2 18.15 2C16.8 2 15.64 3.54 14.33 3.89C13.04 4.23 11.26 3.48 10.08 4.16C8.93 4.82 8.69 6.73 7.71 7.71C6.73 8.69 4.82 8.93 4.16 10.07C3.48 11.25 4.23 13.03 3.89 14.32C3.54 15.63 2 16.8 2 18.15C2 19.5 3.54 20.66 3.89 21.97C4.23 23.26 3.48 25.04 4.16 26.22C4.26 26.39 4.37 26.53 4.48 26.67L4.5 26.69C4.58 26.78 4.66 26.86 4.75 26.94L6.28 28.47C8.38 30.57 11.77 30.57 13.87 28.47L28.48 13.86C30.58 11.76 30.58 8.37 28.48 6.27L26.67 4.48Z"
fill="url(#paint2_radial_18_31189)"
/>
<g filter="url(#filter0_f_18_31189)">
<path
d="M26.5625 4.82812C26.4376 4.72248 26.1008 4.46607 25.9375 4.37003C24.8042 3.71694 23.1999 4.49842 21.9609 4.17188C20.7028 3.83572 19.6151 2.28906 18.3281 2.28906C17.0315 2.28906 15.7035 3.78104 14.4453 4.11719C13.2064 4.44374 11.3439 3.71521 10.3984 4.25781C9.29394 4.8917 8.8006 6.9494 7.85938 7.89062C6.91815 8.83185 5.06357 9.00667 4.42969 10.1016C3.77659 11.2349 4.44374 13.1282 4.11719 14.3672C3.78104 15.6254 2.21875 16.7815 2.21875 18.0781C2.21875 19.3747 3.7576 20.5387 4.09375 21.7969C4.4203 23.0358 3.81078 24.9245 4.46388 26.0578C4.95368 26.8904 5.82513 27.5439 6.5 28.2188C8.51691 30.2357 11.9384 29.9944 13.9554 27.9775C15.9723 25.9606 27.9844 14.0234 27.9844 14.0234C30.0013 12.0065 30.5391 9.0625 28.3203 6.57812L26.5625 4.82812Z"
fill="url(#paint3_linear_18_31189)"
/>
<path
d="M26.5625 4.82812C26.4376 4.72248 26.1008 4.46607 25.9375 4.37003C24.8042 3.71694 23.1999 4.49842 21.9609 4.17188C20.7028 3.83572 19.6151 2.28906 18.3281 2.28906C17.0315 2.28906 15.7035 3.78104 14.4453 4.11719C13.2064 4.44374 11.3439 3.71521 10.3984 4.25781C9.29394 4.8917 8.8006 6.9494 7.85938 7.89062C6.91815 8.83185 5.06357 9.00667 4.42969 10.1016C3.77659 11.2349 4.44374 13.1282 4.11719 14.3672C3.78104 15.6254 2.21875 16.7815 2.21875 18.0781C2.21875 19.3747 3.7576 20.5387 4.09375 21.7969C4.4203 23.0358 3.81078 24.9245 4.46388 26.0578C4.95368 26.8904 5.82513 27.5439 6.5 28.2188C8.51691 30.2357 11.9384 29.9944 13.9554 27.9775C15.9723 25.9606 27.9844 14.0234 27.9844 14.0234C30.0013 12.0065 30.5391 9.0625 28.3203 6.57812L26.5625 4.82812Z"
fill="url(#paint4_radial_18_31189)"
/>
</g>
<g filter="url(#filter1_f_18_31189)">
<path
d="M12.0062 11.5785C8.6646 14.9201 8.6646 20.3514 12.0062 23.693L14.7507 26.4375L26.8652 14.323L24.1207 11.5785C20.7695 8.22726 15.3478 8.22726 12.0062 11.5785Z"
fill="url(#paint5_radial_18_31189)"
/>
<path
d="M12.0062 11.5785C8.6646 14.9201 8.6646 20.3514 12.0062 23.693L14.7507 26.4375L26.8652 14.323L24.1207 11.5785C20.7695 8.22726 15.3478 8.22726 12.0062 11.5785Z"
fill="url(#paint6_radial_18_31189)"
/>
<path
d="M12.0062 11.5785C8.6646 14.9201 8.6646 20.3514 12.0062 23.693L14.7507 26.4375L26.8652 14.323L24.1207 11.5785C20.7695 8.22726 15.3478 8.22726 12.0062 11.5785Z"
fill="url(#paint7_radial_18_31189)"
/>
<path
d="M12.0062 11.5785C8.6646 14.9201 8.6646 20.3514 12.0062 23.693L14.7507 26.4375L26.8652 14.323L24.1207 11.5785C20.7695 8.22726 15.3478 8.22726 12.0062 11.5785Z"
fill="url(#paint8_radial_18_31189)"
/>
</g>
<path
opacity={0.3}
d="M10.73 10.73C10.34 11.12 9.7 11.12 9.31 10.73L6.88 8.31L7.23 8.1C7.56 7.86 7.86 7.56 8.1 7.23L8.3 6.88L10.73 9.31C11.12 9.7 11.12 10.34 10.73 10.73Z"
fill="#CF7840"
/>
<g filter="url(#filter2_f_18_31189)">
<path
d="M10.73 11.0113C10.34 11.4013 9.7 11.4013 9.31 11.0113L6.88 8.59125L7.23 8.38125C7.56 8.14125 7.86 7.84125 8.1 7.51125L8.3 7.16125L10.73 9.59125C11.12 9.98125 11.12 10.6213 10.73 11.0113Z"
fill="#EAB97C"
/>
</g>
<path
d="M10.73 10.73C10.34 11.12 9.7 11.12 9.31 10.73L6.88 8.31L7.23 8.1C7.56 7.86 7.86 7.56 8.1 7.23L8.3 6.88L10.73 9.31C11.12 9.7 11.12 10.34 10.73 10.73Z"
fill="url(#paint9_radial_18_31189)"
/>
<path
d="M7.95999 15.64C7.79999 16.17 7.23999 16.48 6.70999 16.32L3.42999 15.34L3.62999 15C3.80999 14.63 3.91999 14.23 3.97999 13.82L3.98999 13.42L7.27999 14.4C7.80999 14.55 8.11999 15.11 7.95999 15.64Z"
fill="url(#paint10_radial_18_31189)"
/>
<path
d="M8.19002 21.68C8.27002 22.23 7.90002 22.74 7.35002 22.83L3.96002 23.34L4.00002 22.93C4.00002 22.52 3.94002 22.11 3.81002 21.71L3.65002 21.34L7.05002 20.82C7.60002 20.75 8.11002 21.13 8.19002 21.68Z"
fill="url(#paint11_linear_18_31189)"
/>
<g filter="url(#filter3_f_18_31189)">
<path
d="M15.4995 8.20876C16.0295 8.04876 16.3395 7.48876 16.1795 6.95876L15.1995 3.66876L14.8495 3.86876C14.4795 4.04876 14.0795 4.15876 13.6695 4.21876L13.2695 4.22876L14.2495 7.51876C14.4095 8.05876 14.9695 8.36876 15.4995 8.20876Z"
fill="#ECC28A"
/>
</g>
<path
d="M15.6 8.00002C16.13 7.84002 16.44 7.28002 16.28 6.75002L15.3 3.46002L14.95 3.66002C14.58 3.84002 14.18 3.95002 13.77 4.01002L13.37 4.02002L14.35 7.31002C14.51 7.85002 15.07 8.16002 15.6 8.00002Z"
fill="url(#paint12_radial_18_31189)"
/>
<g filter="url(#filter4_f_18_31189)">
<path
d="M18.4688 2.5C18.6146 2.5 18.9625 2.55 19.1875 2.75C19.4125 2.95 20.7396 3.79167 21.375 4.1875"
stroke="url(#paint13_radial_18_31189)"
strokeWidth={0.5}
/>
</g>
<g filter="url(#filter5_f_18_31189)">
<path
d="M21.38 8.24028C21.93 8.3183 22.44 7.95745 22.53 7.42104L23.04 4.11484L22.64 4.15385C22.23 4.15385 21.82 4.09533 21.42 3.96855L21.05 3.8125L20.53 7.12846C20.46 7.65511 20.83 8.15251 21.38 8.24028Z"
fill="#E7C185"
/>
</g>
<path
d="M21.63 8.24001C22.18 8.32001 22.69 7.95001 22.78 7.40001L23.29 4.01001L22.89 4.05001C22.48 4.05001 22.07 3.99001 21.67 3.86001L21.3 3.70001L20.78 7.10001C20.71 7.64001 21.08 8.15001 21.63 8.24001Z"
fill="url(#paint14_radial_18_31189)"
/>
<g filter="url(#filter6_f_18_31189)">
<path
d="M24.4844 4.31252C24.7552 4.29169 25.5336 4.1893 25.9531 4.51562C27.765 5.92495 30.1876 8.34771 29.4844 10.8594C29.1344 12.1094 29.0208 12.4167 28.875 12.4375"
stroke="url(#paint15_radial_18_31189)"
strokeWidth={0.5}
/>
</g>
<defs>
<filter
id="filter0_f_18_31189"
x={1.71875}
y={1.78906}
width={28.5387}
height={28.3271}
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_18_31189"
/>
</filter>
<filter
id="filter1_f_18_31189"
x={8.5}
y={8.06506}
width={19.3652}
height={19.3724}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_31189"
/>
</filter>
<filter
id="filter2_f_18_31189"
x={6.63}
y={6.91125}
width={4.64252}
height={4.64249}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_31189"
/>
</filter>
<filter
id="filter3_f_18_31189"
x={13.0195}
y={3.41876}
width={3.45215}
height={5.08212}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_31189"
/>
</filter>
<filter
id="filter4_f_18_31189"
x={18.2188}
y={2}
width={3.53845}
height={2.64969}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_31189"
/>
</filter>
<filter
id="filter5_f_18_31189"
x={20.2715}
y={3.5625}
width={3.01849}
height={4.93839}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_31189"
/>
</filter>
<filter
id="filter6_f_18_31189"
x={24.2152}
y={3.78094}
width={5.89398}
height={9.15405}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_31189"
/>
</filter>
<linearGradient
id="paint0_linear_18_31189"
x1={27.375}
y1={8}
x2={6.625}
y2={26.25}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.298126} stopColor="#DDBA85" />
<stop offset={1} stopColor="#DCA16E" />
</linearGradient>
<linearGradient
id="paint1_linear_18_31189"
x1={2.5625}
y1={24.0625}
x2={27.0625}
y2={10.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A5895F" />
<stop offset={0.220494} stopColor="#BE7365" />
<stop offset={0.457303} stopColor="#C9A766" />
<stop offset={0.993521} stopColor="#D5B674" />
</linearGradient>
<radialGradient
id="paint2_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.625 21) rotate(130.029) scale(11.8125 6.20796)"
>
<stop stopColor="#BC8266" />
<stop offset={1} stopColor="#BD7F66" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_31189"
x1={26.926}
y1={8.31742}
x2={6.997}
y2={25.8454}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.298126} stopColor="#DDBA85" />
<stop offset={1} stopColor="#DCA16E" />
</linearGradient>
<radialGradient
id="paint4_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.5625 20.9375) rotate(123.69) scale(11.9434 4.88185)"
>
<stop stopColor="#C48C69" />
<stop offset={1} stopColor="#C28567" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.7514 14.0801) rotate(129.629) scale(16.0446 14.4153)"
>
<stop offset={0.0938697} stopColor="#FFEB9D" />
<stop offset={0.575822} stopColor="#F3BC6D" />
<stop offset={0.931767} stopColor="#D39D51" />
<stop offset={1} stopColor="#CC944D" />
</radialGradient>
<radialGradient
id="paint6_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.5 26.4375) rotate(60.5755) scale(10.345 10.3407)"
>
<stop stopColor="#C97E5E" />
<stop offset={1} stopColor="#D18A65" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.1721 20.9024) rotate(149.036) scale(10.1328 6.43491)"
>
<stop offset={0.44693} stopColor="#D39A6E" />
<stop offset={1} stopColor="#D49B6E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.3594 27.4029) rotate(106.28) scale(7.57661 12.3291)"
>
<stop stopColor="#CB825F" />
<stop offset={1} stopColor="#C87D5A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.5097 9.63261) rotate(25.4527) scale(3.89041 3.72564)"
>
<stop offset={0.201138} stopColor="#E39A5F" />
<stop offset={0.749813} stopColor="#D07B3B" />
</radialGradient>
<radialGradient
id="paint10_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.125 15.375) rotate(17.0288) scale(4.05495 2.80206)"
>
<stop offset={0.201138} stopColor="#E39A5F" />
<stop offset={0.749813} stopColor="#D07B3B" />
</radialGradient>
<linearGradient
id="paint11_linear_18_31189"
x1={4.28882}
y1={22.0759}
x2={7.26262}
y2={23.8609}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E39A5F" />
<stop offset={0.749813} stopColor="#D07B3B" />
</linearGradient>
<radialGradient
id="paint12_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.8187 6.50475) rotate(36.4551) scale(3.11246 3.67093)"
>
<stop offset={0.201138} stopColor="#E39A5F" />
<stop offset={0.749813} stopColor="#D07B3B" />
</radialGradient>
<radialGradient
id="paint13_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.7031 3.34375) rotate(40.3467) scale(1.90663 1.45324)"
>
<stop offset={0.37087} stopColor="#EFD092" />
<stop offset={1} stopColor="#F6D898" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.0312 5.15625) rotate(54.7524) scale(2.8699 3.50134)"
>
<stop offset={0.201138} stopColor="#E39A5F" />
<stop offset={0.749813} stopColor="#D07B3B" />
</radialGradient>
<radialGradient
id="paint15_radial_18_31189"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.8438 6.9375) rotate(68.5868) scale(4.80009 2.49357)"
>
<stop stopColor="#F6D898" />
<stop offset={1} stopColor="#F6D898" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = DumplingIcon;