@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
450 lines (449 loc) • 17.6 kB
JSX
const React = require("react");
const BowlWithSpoonIcon = ({ 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
fillRule="evenodd"
clipRule="evenodd"
d="M10.1995 6H21.863C26.174 6 29.6562 9.38181 29.6562 13.5456C29.6562 13.5842 29.6559 13.6227 29.6554 13.6611H29.6562V18.8666C29.6562 25.0176 25.0625 30 18.6639 30H13.3986C6.9375 30 2.40625 25.0176 2.40625 18.8666V13.6611H2.40715C2.40655 13.6227 2.40625 13.5842 2.40625 13.5456C2.40625 9.38181 5.89903 6 10.1995 6Z"
fill="url(#paint0_linear_18_32561)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.1995 6H21.863C26.174 6 29.6562 9.38181 29.6562 13.5456C29.6562 13.5842 29.6559 13.6227 29.6554 13.6611H29.6562V18.8666C29.6562 25.0176 25.0625 30 18.6639 30H13.3986C6.9375 30 2.40625 25.0176 2.40625 18.8666V13.6611H2.40715C2.40655 13.6227 2.40625 13.5842 2.40625 13.5456C2.40625 9.38181 5.89903 6 10.1995 6Z"
fill="url(#paint1_radial_18_32561)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.1995 6H21.863C26.174 6 29.6562 9.38181 29.6562 13.5456C29.6562 13.5842 29.6559 13.6227 29.6554 13.6611H29.6562V18.8666C29.6562 25.0176 25.0625 30 18.6639 30H13.3986C6.9375 30 2.40625 25.0176 2.40625 18.8666V13.6611H2.40715C2.40655 13.6227 2.40625 13.5842 2.40625 13.5456C2.40625 9.38181 5.89903 6 10.1995 6Z"
fill="url(#paint2_linear_18_32561)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.1995 6H21.863C26.174 6 29.6562 9.38181 29.6562 13.5456C29.6562 13.5842 29.6559 13.6227 29.6554 13.6611H29.6562V18.8666C29.6562 25.0176 25.0625 30 18.6639 30H13.3986C6.9375 30 2.40625 25.0176 2.40625 18.8666V13.6611H2.40715C2.40655 13.6227 2.40625 13.5842 2.40625 13.5456C2.40625 9.38181 5.89903 6 10.1995 6Z"
fill="url(#paint3_radial_18_32561)"
/>
<g filter="url(#filter0_f_18_32561)">
<path
d="M21.863 6.3125H10.1995C5.89903 6.3125 2.5625 9.70188 2.5625 13.875C2.5625 18.0481 5.89903 21.4375 10.1995 21.4375H21.863C26.1635 21.4375 29.4688 18.0481 29.4688 13.875C29.4688 9.70188 26.174 6.3125 21.863 6.3125Z"
fill="url(#paint4_linear_18_32561)"
/>
<path
d="M21.863 6.3125H10.1995C5.89903 6.3125 2.5625 9.70188 2.5625 13.875C2.5625 18.0481 5.89903 21.4375 10.1995 21.4375H21.863C26.1635 21.4375 29.4688 18.0481 29.4688 13.875C29.4688 9.70188 26.174 6.3125 21.863 6.3125Z"
fill="url(#paint5_radial_18_32561)"
/>
</g>
<path
d="M22.0219 7.65625C25.2122 7.65625 27.8125 10.6094 27.8125 13.8208C27.8125 17.2812 25.2122 19.9853 22.0219 19.9853H10.0406C6.85028 19.9853 4.25 17.3281 4.25 13.8208C4.25 10.8125 6.85028 7.65625 10.0406 7.65625H22.0219Z"
fill="url(#paint6_linear_18_32561)"
/>
<path
d="M22.0219 7.65625C25.2122 7.65625 27.8125 10.6094 27.8125 13.8208C27.8125 17.2812 25.2122 19.9853 22.0219 19.9853H10.0406C6.85028 19.9853 4.25 17.3281 4.25 13.8208C4.25 10.8125 6.85028 7.65625 10.0406 7.65625H22.0219Z"
fill="url(#paint7_radial_18_32561)"
/>
<g filter="url(#filter1_f_18_32561)">
<path
d="M18.5547 17.8594C18.3547 17.2894 18.1053 16.49 18.4453 16L23.275 6.32815L21.1303 6.32812L16.3281 14.4219C16.0581 14.9919 15.3332 15.3085 14.7196 15.4353C12.2891 15.9375 11.2812 17.1986 10.5625 19.25L18.8203 19.25C18.8203 18.6205 18.7661 18.4936 18.5547 17.8594Z"
fill="url(#paint8_linear_18_32561)"
/>
<path
d="M18.5547 17.8594C18.3547 17.2894 18.1053 16.49 18.4453 16L23.275 6.32815L21.1303 6.32812L16.3281 14.4219C16.0581 14.9919 15.3332 15.3085 14.7196 15.4353C12.2891 15.9375 11.2812 17.1986 10.5625 19.25L18.8203 19.25C18.8203 18.6205 18.7661 18.4936 18.5547 17.8594Z"
fill="url(#paint9_radial_18_32561)"
/>
<path
d="M18.5547 17.8594C18.3547 17.2894 18.1053 16.49 18.4453 16L23.275 6.32815L21.1303 6.32812L16.3281 14.4219C16.0581 14.9919 15.3332 15.3085 14.7196 15.4353C12.2891 15.9375 11.2812 17.1986 10.5625 19.25L18.8203 19.25C18.8203 18.6205 18.7661 18.4936 18.5547 17.8594Z"
fill="url(#paint10_radial_18_32561)"
/>
<path
d="M18.5547 17.8594C18.3547 17.2894 18.1053 16.49 18.4453 16L23.275 6.32815L21.1303 6.32812L16.3281 14.4219C16.0581 14.9919 15.3332 15.3085 14.7196 15.4353C12.2891 15.9375 11.2812 17.1986 10.5625 19.25L18.8203 19.25C18.8203 18.6205 18.7661 18.4936 18.5547 17.8594Z"
fill="url(#paint11_linear_18_32561)"
/>
</g>
<path
d="M19.125 17.8594C18.925 17.2894 18.6756 16.49 19.0156 16L24.7188 6.12498C25.5469 4.60936 26.9531 2.96878 25.5469 2.15627C24.0149 1.27108 23.25 3.5625 22.4219 4.90622L16.8984 14.4219C16.6284 14.9919 15.9035 15.3085 15.29 15.4353C12.8594 15.9375 11.2891 17.9375 10.5703 19.9889L19.3906 19.9889C19.3906 19.3594 19.3364 18.4936 19.125 17.8594Z"
fill="url(#paint12_linear_18_32561)"
/>
<path
d="M19.125 17.8594C18.925 17.2894 18.6756 16.49 19.0156 16L24.7188 6.12498C25.5469 4.60936 26.9531 2.96878 25.5469 2.15627C24.0149 1.27108 23.25 3.5625 22.4219 4.90622L16.8984 14.4219C16.6284 14.9919 15.9035 15.3085 15.29 15.4353C12.8594 15.9375 11.2891 17.9375 10.5703 19.9889L19.3906 19.9889C19.3906 19.3594 19.3364 18.4936 19.125 17.8594Z"
fill="url(#paint13_radial_18_32561)"
/>
<path
d="M19.125 17.8594C18.925 17.2894 18.6756 16.49 19.0156 16L24.7188 6.12498C25.5469 4.60936 26.9531 2.96878 25.5469 2.15627C24.0149 1.27108 23.25 3.5625 22.4219 4.90622L16.8984 14.4219C16.6284 14.9919 15.9035 15.3085 15.29 15.4353C12.8594 15.9375 11.2891 17.9375 10.5703 19.9889L19.3906 19.9889C19.3906 19.3594 19.3364 18.4936 19.125 17.8594Z"
fill="url(#paint14_radial_18_32561)"
/>
<path
d="M19.125 17.8594C18.925 17.2894 18.6756 16.49 19.0156 16L24.7188 6.12498C25.5469 4.60936 26.9531 2.96878 25.5469 2.15627C24.0149 1.27108 23.25 3.5625 22.4219 4.90622L16.8984 14.4219C16.6284 14.9919 15.9035 15.3085 15.29 15.4353C12.8594 15.9375 11.2891 17.9375 10.5703 19.9889L19.3906 19.9889C19.3906 19.3594 19.3364 18.4936 19.125 17.8594Z"
fill="url(#paint15_radial_18_32561)"
/>
<g filter="url(#filter2_f_18_32561)">
<path
d="M16.7188 17.125C14.3554 15.9203 12.6953 18.1719 11.6562 20H18.2656C18.3987 19.0403 17.7426 17.6469 16.7188 17.125Z"
fill="url(#paint16_radial_18_32561)"
/>
</g>
<g filter="url(#filter3_f_18_32561)">
<path
d="M29.25 14.7812C29.25 15.6562 29.1927 17.6033 27.7813 19.25C26.2813 21 23 21.5625 21.5312 21.5625"
stroke="url(#paint17_radial_18_32561)"
strokeWidth={0.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter4_f_18_32561)">
<path
d="M11.7656 20.25C12.0156 19.3594 12.75 17.7188 14.3906 16.8594"
stroke="url(#paint18_radial_18_32561)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_f_18_32561"
x={2.2625}
y={6.0125}
width={27.5063}
height={15.725}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_18_32561"
/>
</filter>
<filter
id="filter1_f_18_32561"
x={9.5625}
y={5.32812}
width={14.7125}
height={14.9219}
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_32561"
/>
</filter>
<filter
id="filter2_f_18_32561"
x={11.4062}
y={16.5358}
width={7.12646}
height={3.71423}
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_32561"
/>
</filter>
<filter
id="filter3_f_18_32561"
x={21.0312}
y={14.2812}
width={8.71881}
height={7.78125}
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_32561"
/>
</filter>
<filter
id="filter4_f_18_32561"
x={11.3906}
y={16.4844}
width={3.37506}
height={4.14069}
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_32561"
/>
</filter>
<linearGradient
id="paint0_linear_18_32561"
x1={2.40625}
y1={18}
x2={29.6563}
y2={18}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3B74C0" />
<stop offset={0.192456} stopColor="#2A7BDB" />
<stop offset={0.274249} stopColor="#3483E7" />
<stop offset={0.498853} stopColor="#3689E8" />
<stop offset={0.771789} stopColor="#3982EA" />
<stop offset={0.845183} stopColor="#4695F4" />
<stop offset={0.952656} stopColor="#53A6FF" />
<stop offset={1} stopColor="#43A9FF" />
</linearGradient>
<radialGradient
id="paint1_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0313 8.38185) rotate(90) scale(29.9932 24.882)"
>
<stop offset={0.695764} stopColor="#4A45E9" stopOpacity={0} />
<stop offset={0.891642} stopColor="#4D45E9" />
</radialGradient>
<linearGradient
id="paint2_linear_18_32561"
x1={13.125}
y1={5.4375}
x2={13.125}
y2={14.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#29A8EA" />
<stop offset={1} stopColor="#28A8EA" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0312 30.4375) rotate(90) scale(6.8125 16.8437)"
>
<stop stopColor="#3F43EA" />
<stop offset={1} stopColor="#3B69F0" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_32561"
x1={18.2051}
y1={6.3125}
x2={18.2051}
y2={21.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#26AAED" />
<stop offset={0.570213} stopColor="#2B9FEE" />
<stop offset={1} stopColor="#2F90DE" />
</linearGradient>
<radialGradient
id="paint5_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.4375 13.4375) rotate(107.969) scale(7.29324 7.09962)"
>
<stop offset={0.737584} stopColor="#57BFFF" />
<stop offset={0.833444} stopColor="#5DC3FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_32561"
x1={3.9375}
y1={14.4375}
x2={28.125}
y2={13.8208}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2F35DF" />
<stop offset={0.145662} stopColor="#5153DF" />
<stop offset={0.272458} stopColor="#3C3DCB" />
<stop offset={0.829774} stopColor="#2E30BC" />
<stop offset={1} stopColor="#191C97" />
</linearGradient>
<radialGradient
id="paint7_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0313 23) rotate(90) scale(6.125 18.6106)"
>
<stop offset={0.173469} stopColor="#1F2090" />
<stop offset={1} stopColor="#202096" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_32561"
x1={19.7422}
y1={8.09375}
x2={22.4297}
y2={9.625}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0854343} stopColor="#807E8A" />
<stop offset={0.36848} stopColor="#9E98AB" />
<stop offset={0.617893} stopColor="#B3ACC1" />
<stop offset={0.941308} stopColor="#B2ADC2" />
</linearGradient>
<radialGradient
id="paint9_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.1484 3) rotate(117.646) scale(0.74083 1.22988)"
>
<stop stopColor="#D6D6DD" />
<stop offset={1} stopColor="#D7D5DF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.67969 19.9889) rotate(-27.8412) scale(8.34044 7.20434)"
>
<stop stopColor="#8A8A99" />
<stop offset={0.353412} stopColor="#9996A5" />
<stop offset={0.86204} stopColor="#AAA7B5" />
<stop offset={1} stopColor="#A9A5B3" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_18_32561"
x1={20.8063}
y1={6.1488}
x2={16.6375}
y2={19.9889}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0624726} stopColor="#2290D0" />
<stop offset={0.13464} stopColor="#2731A9" />
<stop offset={1} stopColor="#1F1E9B" />
</linearGradient>
<linearGradient
id="paint12_linear_18_32561"
x1={20.3125}
y1={8.09375}
x2={23}
y2={9.625}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0854343} stopColor="#807E8A" />
<stop offset={0.36848} stopColor="#9E98AB" />
<stop offset={0.617893} stopColor="#B3ACC1" />
<stop offset={0.941308} stopColor="#B2ADC2" />
</linearGradient>
<radialGradient
id="paint13_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.7187 3) rotate(117.646) scale(0.74083 1.22988)"
>
<stop stopColor="#D6D6DD" />
<stop offset={1} stopColor="#D7D5DF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.25 19.9889) rotate(-27.8412) scale(8.34044 7.20434)"
>
<stop stopColor="#8A8A99" />
<stop offset={0.353412} stopColor="#9996A5" />
<stop offset={0.86204} stopColor="#AAA7B5" />
<stop offset={1} stopColor="#A9A5B3" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint15_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.4375 17.5313) rotate(90) scale(1.53125 1.83149)"
>
<stop stopColor="#BFBFCA" />
<stop offset={1} stopColor="#C0BEC9" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint16_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.1562 22.0625) rotate(-49.1518) scale(6.97569 3.88336)"
>
<stop stopColor="#9998A6" />
<stop offset={0.740191} stopColor="#9796A4" />
<stop offset={0.886751} stopColor="#646179" />
</radialGradient>
<radialGradient
id="paint17_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.3125 19.625) rotate(-120.753) scale(5.52725 6.12299)"
>
<stop stopColor="#62B8FF" />
<stop offset={1} stopColor="#5FB7FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint18_radial_18_32561"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.2656 18.1094) rotate(74.8355) scale(1.73219 2.1186)"
>
<stop stopColor="#9E9EAC" />
<stop offset={1} stopColor="#CFCEDC" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = BowlWithSpoonIcon;