@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
436 lines (435 loc) • 14.9 kB
JSX
const React = require("react");
const SushiIcon = ({ 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="M25.6499 19.18H10.3299C8.79995 19.18 7.56995 17.94 7.56995 16.42V13.02H28.4099V16.42C28.4099 17.95 27.1799 19.18 25.6499 19.18Z"
fill="url(#paint0_linear_18_28116)"
/>
<path
d="M25.6499 19.18H10.3299C8.79995 19.18 7.56995 17.94 7.56995 16.42V13.02H28.4099V16.42C28.4099 17.95 27.1799 19.18 25.6499 19.18Z"
fill="url(#paint1_radial_18_28116)"
/>
<path
d="M25.6499 19.18H10.3299C8.79995 19.18 7.56995 17.94 7.56995 16.42V13.02H28.4099V16.42C28.4099 17.95 27.1799 19.18 25.6499 19.18Z"
fill="url(#paint2_radial_18_28116)"
/>
<path
d="M25.6499 19.18H10.3299C8.79995 19.18 7.56995 17.94 7.56995 16.42V13.02H28.4099V16.42C28.4099 17.95 27.1799 19.18 25.6499 19.18Z"
fill="url(#paint3_radial_18_28116)"
/>
<path
d="M24.83 6H11.15C8.31001 6 6.01001 8.3 6.01001 11.14V11.5C6.01001 12.35 6.70001 13.04 7.55001 13.04H28.43C29.28 13.04 29.97 12.35 29.97 11.5V11.14C29.98 8.3 27.67 6 24.83 6Z"
fill="url(#paint4_radial_18_28116)"
/>
<path
d="M24.83 6H11.15C8.31001 6 6.01001 8.3 6.01001 11.14V11.5C6.01001 12.35 6.70001 13.04 7.55001 13.04H28.43C29.28 13.04 29.97 12.35 29.97 11.5V11.14C29.98 8.3 27.67 6 24.83 6Z"
fill="url(#paint5_radial_18_28116)"
/>
<g filter="url(#filter0_f_18_28116)">
<path
d="M26.9375 10.875H10.5625V9.375H25.375C25.25 8.52083 25.1875 6.8125 25.9375 6.8125C26.875 6.8125 29.0625 9.3125 28.9375 10.5C28.8375 11.45 27.5625 11.1458 26.9375 10.875Z"
fill="url(#paint6_linear_18_28116)"
/>
</g>
<path
d="M12.38 9.6C11.98 9.6 11.66 9.28 11.66 8.88V6H13.1V8.88C13.1 9.28 12.78 9.6 12.38 9.6Z"
fill="url(#paint7_linear_18_28116)"
/>
<path
d="M17.99 9.6C17.59 9.6 17.27 9.28 17.27 8.88V6H18.71V8.88C18.71 9.28 18.39 9.6 17.99 9.6Z"
fill="url(#paint8_linear_18_28116)"
/>
<path
d="M23.61 9.6C23.21 9.6 22.89 9.28 22.89 8.88V6H24.33V8.88C24.32 9.28 24 9.6 23.61 9.6Z"
fill="#FF9631"
/>
<path
d="M23.61 9.6C23.21 9.6 22.89 9.28 22.89 8.88V6H24.33V8.88C24.32 9.28 24 9.6 23.61 9.6Z"
fill="url(#paint9_linear_18_28116)"
/>
<path
d="M21.6401 29.97H6.32006C4.79006 29.97 3.56006 28.73 3.56006 27.21V23.89H24.4001V27.21C24.4001 28.73 23.1701 29.97 21.6401 29.97Z"
fill="url(#paint10_linear_18_28116)"
/>
<path
d="M21.6401 29.97H6.32006C4.79006 29.97 3.56006 28.73 3.56006 27.21V23.89H24.4001V27.21C24.4001 28.73 23.1701 29.97 21.6401 29.97Z"
fill="url(#paint11_radial_18_28116)"
/>
<path
d="M21.6401 29.97H6.32006C4.79006 29.97 3.56006 28.73 3.56006 27.21V23.89H24.4001V27.21C24.4001 28.73 23.1701 29.97 21.6401 29.97Z"
fill="url(#paint12_radial_18_28116)"
/>
<path
d="M20.82 17H7.14C4.3 17 2 19.3 2 22.14V22.38C2 23.23 2.69 23.92 3.54 23.92H24.42C25.27 23.92 25.96 23.23 25.96 22.38V22.14C25.97 19.3 23.66 17 20.82 17Z"
fill="url(#paint13_radial_18_28116)"
/>
<path
d="M20.82 17H7.14C4.3 17 2 19.3 2 22.14V22.38C2 23.23 2.69 23.92 3.54 23.92H24.42C25.27 23.92 25.96 23.23 25.96 22.38V22.14C25.97 19.3 23.66 17 20.82 17Z"
fill="url(#paint14_radial_18_28116)"
/>
<g filter="url(#filter1_f_18_28116)">
<path
d="M22.9949 21.7293H6.61987V20.2293H21.4324C21.3074 19.3751 21.2449 17.6668 21.9949 17.6668C22.9324 17.6668 25.1199 20.1668 24.9949 21.3543C24.8949 22.3043 23.6199 22.0001 22.9949 21.7293Z"
fill="url(#paint15_linear_18_28116)"
/>
</g>
<path
opacity={0.6}
d="M8.37002 20.6C7.97002 20.6 7.65002 20.28 7.65002 19.88V17H9.09002V19.88C9.09002 20.28 8.77002 20.6 8.37002 20.6Z"
fill="url(#paint16_linear_18_28116)"
/>
<path
opacity={0.6}
d="M13.98 20.6C13.58 20.6 13.26 20.28 13.26 19.88V17H14.7V19.88C14.7 20.28 14.38 20.6 13.98 20.6Z"
fill="url(#paint17_linear_18_28116)"
/>
<path
opacity={0.6}
d="M19.6 20.6C19.2 20.6 18.88 20.28 18.88 19.88V17H20.32V19.88C20.31 20.28 19.99 20.6 19.6 20.6Z"
fill="#FF6E8A"
/>
<g filter="url(#filter2_f_18_28116)">
<path
d="M29 10.6259C29.7 9.96197 28.7812 8.6994 27.8125 8.34375C27.8125 8.62037 28 9.61817 27.5 9.85527C27 10.0924 26.2917 9.95407 26 9.85527V11.0408C26.7083 11.1791 28.3 11.2897 29 10.6259Z"
fill="url(#paint18_radial_18_28116)"
/>
</g>
<g filter="url(#filter3_f_18_28116)">
<path
d="M24.7539 21.4811C25.4539 20.8173 24.5352 19.5547 23.5664 19.199C23.5664 19.4757 23.7539 20.4735 23.2539 20.7106C22.7539 20.9477 22.0456 20.8094 21.7539 20.7106V21.8961C22.4622 22.0344 24.0539 22.145 24.7539 21.4811Z"
fill="url(#paint19_radial_18_28116)"
/>
</g>
<defs>
<filter
id="filter0_f_18_28116"
x={9.0625}
y={5.3125}
width={21.3801}
height={7.33319}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18_28116"
/>
</filter>
<filter
id="filter1_f_18_28116"
x={5.11987}
y={16.1668}
width={21.3801}
height={7.33319}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18_28116"
/>
</filter>
<filter
id="filter2_f_18_28116"
x={25}
y={7.34375}
width={5.24609}
height={4.80194}
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_28116"
/>
</filter>
<filter
id="filter3_f_18_28116"
x={20.7539}
y={18.199}
width={5.24609}
height={4.80194}
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_28116"
/>
</filter>
<linearGradient
id="paint0_linear_18_28116"
x1={17.9899}
y1={13.02}
x2={17.9899}
y2={19.18}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D5B2D6" />
<stop offset={0.504055} stopColor="#D5B2D6" />
<stop offset={0.876882} stopColor="#C09CD0" />
<stop offset={1} stopColor="#AF86CB" />
</linearGradient>
<radialGradient
id="paint1_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.9899 13.875) rotate(90) scale(6.5 11.3221)"
>
<stop stopColor="#CFA3C4" />
<stop offset={1} stopColor="#CFA4C4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.9899 13.02) rotate(90) scale(3.93498 26.4899)"
>
<stop offset={0.470168} stopColor="#E6C2D3" />
<stop offset={0.692108} stopColor="#E7C5D4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.9899 12.4914) rotate(90) scale(1.33908 23.0452)"
>
<stop offset={0.563604} stopColor="#B66A8A" />
<stop offset={1} stopColor="#B36B8A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.25 9.52) rotate(90) scale(13.73 32)"
>
<stop stopColor="#FF8928" />
<stop offset={0.349053} stopColor="#FF6722" />
<stop offset={0.553897} stopColor="#FF451E" />
<stop offset={0.817917} stopColor="#B44333" />
</radialGradient>
<radialGradient
id="paint5_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.99 14.125) rotate(90) scale(3.375 28.6763)"
>
<stop offset={0.462963} stopColor="#D05956" />
<stop offset={0.589646} stopColor="#E2483B" />
<stop offset={1} stopColor="#F85930" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_28116"
x1={27.5625}
y1={9.3125}
x2={15.75}
y2={9.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF9841" />
<stop offset={1} stopColor="#FF8340" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_28116"
x1={12.38}
y1={6}
x2={12.38}
y2={9.6}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E37E29" />
<stop offset={0.204222} stopColor="#F8892A" />
<stop offset={1} stopColor="#F7872A" />
</linearGradient>
<linearGradient
id="paint8_linear_18_28116"
x1={17.99}
y1={6}
x2={17.99}
y2={9.6}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E47F2A" />
<stop offset={0.204222} stopColor="#F6882A" />
<stop offset={1} stopColor="#F9892A" />
</linearGradient>
<linearGradient
id="paint9_linear_18_28116"
x1={23.61}
y1={6}
x2={23.61}
y2={9.6}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F68938" />
<stop offset={0.204222} stopColor="#FF9431" />
<stop offset={1} stopColor="#FF9531" />
</linearGradient>
<linearGradient
id="paint10_linear_18_28116"
x1={13.9801}
y1={23.89}
x2={13.9801}
y2={29.97}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CEBAE1" />
<stop offset={0.504055} stopColor="#CBB6DF" />
<stop offset={0.876882} stopColor="#BCA3D2" />
<stop offset={1} stopColor="#B498CD" />
</linearGradient>
<radialGradient
id="paint11_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.9801 23.89) rotate(90) scale(3.88388 26.4899)"
>
<stop offset={0.470168} stopColor="#DDCBE5" />
<stop offset={0.692108} stopColor="#E7C5D4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.9801 23.3683) rotate(90) scale(1.32169 23.0452)"
>
<stop offset={0.563604} stopColor="#A46D93" />
<stop offset={1} stopColor="#B36B8A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.24 20.46) rotate(90) scale(13.496 32)"
>
<stop stopColor="#FD3163" />
<stop offset={0.349053} stopColor="#F62C56" />
<stop offset={0.484589} stopColor="#EF2B35" />
<stop offset={0.697616} stopColor="#AB342E" />
</radialGradient>
<radialGradient
id="paint14_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.98 24.9865) rotate(90) scale(3.31747 28.6763)"
>
<stop offset={0.462963} stopColor="#B25167" />
<stop offset={0.589646} stopColor="#BF314F" />
<stop offset={1} stopColor="#DC294C" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_28116"
x1={23.6199}
y1={20.1668}
x2={11.8074}
y2={20.1668}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F8486E" />
<stop offset={1} stopColor="#F5466C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_28116"
x1={8.37002}
y1={17}
x2={8.37002}
y2={20.6}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E54851" />
<stop offset={0.295139} stopColor="#FE6A74" />
<stop offset={1} stopColor="#FF646F" />
</linearGradient>
<linearGradient
id="paint17_linear_18_28116"
x1={13.98}
y1={17}
x2={13.98}
y2={20.6}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E54851" />
<stop offset={0.173611} stopColor="#F4646E" />
<stop offset={1} stopColor="#FF7882" />
</linearGradient>
<radialGradient
id="paint18_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.8125 10.7444) rotate(149.454) scale(3.2657 3.50125)"
>
<stop stopColor="#FFAC70" />
<stop offset={1} stopColor="#FFAC70" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint19_radial_18_28116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.5664 21.5997) rotate(149.454) scale(3.2657 3.50125)"
>
<stop stopColor="#FF7490" />
<stop offset={1} stopColor="#FF718E" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = SushiIcon;