@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
440 lines (439 loc) • 16.7 kB
JSX
const React = require("react");
const FrenchFriesIcon = ({ 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="M28.87 12.33C28.87 6.62 24.25 2 18.54 2H13.33C7.63 2 3 6.62 3 12.33H7.7V21.03H24.17V12.33H28.87Z"
fill="url(#paint0_linear_18_30853)"
/>
<g filter="url(#filter0_f_18_30853)">
<path
d="M28.4375 12.5157C28.4375 6.92762 24.0454 2.40625 18.6171 2.40625H13.6641C8.24534 2.40625 3.84375 6.92762 3.84375 12.5157H8.31188V21.03H23.9694V12.5157H28.4375Z"
fill="url(#paint1_linear_18_30853)"
/>
<path
d="M28.4375 12.5157C28.4375 6.92762 24.0454 2.40625 18.6171 2.40625H13.6641C8.24534 2.40625 3.84375 6.92762 3.84375 12.5157H8.31188V21.03H23.9694V12.5157H28.4375Z"
fill="url(#paint2_linear_18_30853)"
/>
</g>
<path
d="M23.06 12.33C23.06 12.36 23.06 12.4 23.06 12.43C23.06 16.36 19.87 19.55 15.94 19.55C12.01 19.55 8.82001 16.36 8.82001 12.43C8.82001 12.4 8.82001 12.36 8.82001 12.33H3.01001L6.64001 28.29C6.88001 29.35 7.82001 30.1 8.91001 30.1H22.97C24.06 30.1 25 29.35 25.24 28.29L28.87 12.33H23.06V12.33Z"
fill="url(#paint3_linear_18_30853)"
/>
<g filter="url(#filter1_f_18_30853)">
<path
d="M12 5.06249C11.9948 4.50179 13.3523 4.0445 13.7656 3.79688C14.0418 3.7943 16.3849 4.21919 16.3875 4.49532L16.5577 22.7445C16.5602 23.0207 16.3385 23.2466 16.0623 23.2492L12.6748 23.2808C12.3987 23.2833 12.1728 23.0616 12.1702 22.7854L12 5.06249Z"
fill="#9A1B2B"
/>
</g>
<path
d="M13.0047 4.1282C13.0021 3.85207 13.2238 3.62613 13.5 3.62356L16.8875 3.59197C17.1636 3.5894 17.3896 3.81116 17.3921 4.08729L17.5623 22.3365C17.5649 22.6126 17.3431 22.8386 17.067 22.8411L13.6795 22.8727C13.4033 22.8753 13.1774 22.6535 13.1748 22.3774L13.0047 4.1282Z"
fill="url(#paint4_linear_18_30853)"
/>
<path
d="M13.0047 4.1282C13.0021 3.85207 13.2238 3.62613 13.5 3.62356L16.8875 3.59197C17.1636 3.5894 17.3896 3.81116 17.3921 4.08729L17.5623 22.3365C17.5649 22.6126 17.3431 22.8386 17.067 22.8411L13.6795 22.8727C13.4033 22.8753 13.1774 22.6535 13.1748 22.3774L13.0047 4.1282Z"
fill="url(#paint5_linear_18_30853)"
/>
<path
d="M21.6406 7.47134C21.6741 7.19723 21.9234 7.00213 22.1975 7.03556L25.5602 7.44571C25.8343 7.47915 26.0294 7.72846 25.996 8.00257L23.7864 26.1183C23.753 26.3924 23.5037 26.5875 23.2296 26.5541L19.8668 26.1439C19.5927 26.1105 19.3976 25.8612 19.431 25.5871L21.6406 7.47134Z"
fill="url(#paint6_linear_18_30853)"
/>
<path
d="M21.6406 7.47134C21.6741 7.19723 21.9234 7.00213 22.1975 7.03556L25.5602 7.44571C25.8343 7.47915 26.0294 7.72846 25.996 8.00257L23.7864 26.1183C23.753 26.3924 23.5037 26.5875 23.2296 26.5541L19.8668 26.1439C19.5927 26.1105 19.3976 25.8612 19.431 25.5871L21.6406 7.47134Z"
fill="url(#paint7_linear_18_30853)"
/>
<path
d="M17.9288 6.073C17.9643 5.79915 18.215 5.6059 18.4889 5.64137L21.8485 6.07656C22.1223 6.11203 22.3156 6.36279 22.2801 6.63664L19.9357 24.7354C19.9002 25.0093 19.6495 25.2025 19.3756 25.1671L16.016 24.7319C15.7422 24.6964 15.5489 24.4456 15.5844 24.1718L17.9288 6.073Z"
fill="url(#paint8_linear_18_30853)"
/>
<path
d="M17.9288 6.073C17.9643 5.79915 18.215 5.6059 18.4889 5.64137L21.8485 6.07656C22.1223 6.11203 22.3156 6.36279 22.2801 6.63664L19.9357 24.7354C19.9002 25.0093 19.6495 25.2025 19.3756 25.1671L16.016 24.7319C15.7422 24.6964 15.5489 24.4456 15.5844 24.1718L17.9288 6.073Z"
fill="url(#paint9_linear_18_30853)"
/>
<path
d="M17.9288 6.073C17.9643 5.79915 18.215 5.6059 18.4889 5.64137L21.8485 6.07656C22.1223 6.11203 22.3156 6.36279 22.2801 6.63664L19.9357 24.7354C19.9002 25.0093 19.6495 25.2025 19.3756 25.1671L16.016 24.7319C15.7422 24.6964 15.5489 24.4456 15.5844 24.1718L17.9288 6.073Z"
fill="url(#paint10_radial_18_30853)"
/>
<g filter="url(#filter2_f_18_30853)">
<path
d="M5.43313 8.79689C5.37864 8.35724 6.46101 7.40907 7.03398 6.93204C7.10363 6.87406 7.18775 6.83804 7.27829 6.84188C7.8517 6.86615 9.73568 7.15087 9.77248 7.39685L11.2955 20.369C11.3364 20.6421 11.1481 20.8966 10.875 20.9375L7.52462 21.4387C7.25355 21.4793 7.00079 21.2941 6.95709 21.0243C6.95644 21.0202 6.95651 21.0211 6.95601 21.0171C6.9397 20.8862 5.49091 9.26302 5.43313 8.79689Z"
fill="#93142A"
/>
</g>
<path
d="M6.55812 7.16121C6.51727 6.88811 6.70554 6.63359 6.97864 6.59274L10.329 6.09154C10.6021 6.05068 10.8566 6.23896 10.8975 6.51206L13.5976 24.5612C13.6384 24.8343 13.4501 25.0888 13.177 25.1297L9.82665 25.6309C9.55355 25.6717 9.29903 25.4835 9.25818 25.2104L6.55812 7.16121Z"
fill="url(#paint11_linear_18_30853)"
/>
<path
d="M6.55812 7.16121C6.51727 6.88811 6.70554 6.63359 6.97864 6.59274L10.329 6.09154C10.6021 6.05068 10.8566 6.23896 10.8975 6.51206L13.5976 24.5612C13.6384 24.8343 13.4501 25.0888 13.177 25.1297L9.82665 25.6309C9.55355 25.6717 9.29903 25.4835 9.25818 25.2104L6.55812 7.16121Z"
fill="url(#paint12_linear_18_30853)"
/>
<path
d="M6.55812 7.16121C6.51727 6.88811 6.70554 6.63359 6.97864 6.59274L10.329 6.09154C10.6021 6.05068 10.8566 6.23896 10.8975 6.51206L13.5976 24.5612C13.6384 24.8343 13.4501 25.0888 13.177 25.1297L9.82665 25.6309C9.55355 25.6717 9.29903 25.4835 9.25818 25.2104L6.55812 7.16121Z"
fill="url(#paint13_radial_18_30853)"
/>
<path
d="M10.6796 7.93162C10.6522 7.65683 10.8528 7.41192 11.1276 7.3846L14.4987 7.04946C14.7735 7.02214 15.0184 7.22275 15.0457 7.49754L16.8512 25.658C16.8785 25.9328 16.6779 26.1777 16.4031 26.205L13.0321 26.5402C12.7573 26.5675 12.5124 26.3669 12.4851 26.0921L10.6796 7.93162Z"
fill="url(#paint14_linear_18_30853)"
/>
<path
d="M10.6796 7.93162C10.6522 7.65683 10.8528 7.41192 11.1276 7.3846L14.4987 7.04946C14.7735 7.02214 15.0184 7.22275 15.0457 7.49754L16.8512 25.658C16.8785 25.9328 16.6779 26.1777 16.4031 26.205L13.0321 26.5402C12.7573 26.5675 12.5124 26.3669 12.4851 26.0921L10.6796 7.93162Z"
fill="url(#paint15_linear_18_30853)"
/>
<path
d="M24.35 12.33C23.65 12.33 23.07 12.84 22.95 13.53C22.36 16.87 19.45 19.41 15.94 19.41C12.43 19.41 9.52001 16.87 8.93001 13.53C8.81001 12.84 8.23001 12.33 7.53001 12.33H3.01001L6.64001 28.29C6.88001 29.35 7.82001 30.1 8.91001 30.1H22.97C24.06 30.1 25 29.35 25.24 28.29L28.87 12.33H24.35V12.33Z"
fill="url(#paint16_linear_18_30853)"
/>
<g filter="url(#filter3_f_18_30853)">
<path
d="M8.34375 13.0938C8.61458 15.3646 10.75 19.7812 15.8438 19.7812"
stroke="url(#paint17_radial_18_30853)"
strokeWidth={0.3}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter4_f_18_30853)">
<path
d="M28.375 12.9375L23.6406 13.0156C23.3438 13.0156 23.2219 13.4344 23.1719 13.7344C23.0274 14.6009 21.3281 19.5938 16.5469 19.5938"
stroke="url(#paint18_linear_18_30853)"
strokeWidth={0.3}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_f_18_30853"
x={3.34375}
y={1.90625}
width={25.5938}
height={19.6237}
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_30853"
/>
</filter>
<filter
id="filter1_f_18_30853"
x={10}
y={1.79688}
width={8.55768}
height={23.4839}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_30853"
/>
</filter>
<filter
id="filter2_f_18_30853"
x={3.43115}
y={4.84161}
width={9.86993}
height={18.6027}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_30853"
/>
</filter>
<filter
id="filter3_f_18_30853"
x={7.94373}
y={12.6937}
width={8.30005}
height={7.48752}
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_30853"
/>
</filter>
<filter
id="filter4_f_18_30853"
x={16.1469}
y={12.5375}
width={12.6282}
height={7.45624}
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_30853"
/>
</filter>
<linearGradient
id="paint0_linear_18_30853"
x1={15.935}
y1={2}
x2={15.935}
y2={16.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B22D50" />
<stop offset={1} stopColor="#A7273C" />
</linearGradient>
<linearGradient
id="paint1_linear_18_30853"
x1={7.84219}
y1={4.42317}
x2={18.626}
y2={12.7651}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B5425F" />
<stop offset={1} stopColor="#B74561" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_30853"
x1={12.1875}
y1={13.8125}
x2={12.1875}
y2={2.40625}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.109589} stopColor="#902438" />
<stop offset={0.213699} stopColor="#94273B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_30853"
x1={3.00641}
y1={21.2136}
x2={28.8694}
y2={21.2136}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ED1C26" />
<stop offset={0.456} stopColor="#ED1452" />
<stop offset={1} stopColor="#EC098C" />
</linearGradient>
<linearGradient
id="paint4_linear_18_30853"
x1={15.6875}
y1={5.375}
x2={18.3564}
y2={22.2803}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0481663} stopColor="#FEE654" />
<stop offset={0.326864} stopColor="#CB9A28" />
<stop offset={0.686476} stopColor="#995C11" />
</linearGradient>
<linearGradient
id="paint5_linear_18_30853"
x1={13.3141}
y1={7.69854}
x2={14.3123}
y2={7.70004}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D3A524" />
<stop offset={0.467116} stopColor="#DBAD29" />
<stop offset={1} stopColor="#D1A71E" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_30853"
x1={21.3861}
y1={7.28765}
x2={24.4238}
y2={26.2406}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0481663} stopColor="#FFE855" />
<stop offset={0.686476} stopColor="#F7BC4A" />
</linearGradient>
<linearGradient
id="paint7_linear_18_30853"
x1={21.5313}
y1={11.375}
x2={22.8727}
y2={11.5487}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DDA80E" />
<stop offset={0.551827} stopColor="#DDA80E" />
<stop offset={1} stopColor="#CFAB2B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_30853"
x1={17.5782}
y1={5.89311}
x2={20.5616}
y2={24.872}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0481663} stopColor="#FFE855" />
<stop offset={0.686476} stopColor="#F7BC4A" />
</linearGradient>
<linearGradient
id="paint9_linear_18_30853"
x1={17.3437}
y1={9.875}
x2={18.7148}
y2={10.0879}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BA8F22" />
<stop offset={0.551827} stopColor="#CAA92E" />
<stop offset={1} stopColor="#CFAB2B" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_18_30853"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.625 19) rotate(98.9726) scale(7.21327 3.69938)"
>
<stop stopColor="#B96D11" />
<stop offset={1} stopColor="#C07617" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_18_30853"
x1={8.65382}
y1={6.34211}
x2={11.5018}
y2={25.3803}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0481663} stopColor="#FDE252" />
<stop offset={0.686476} stopColor="#D3A538" />
</linearGradient>
<linearGradient
id="paint12_linear_18_30853"
x1={7.03125}
y1={10.25}
x2={8.32812}
y2={10.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BA8F22" />
<stop offset={0.551827} stopColor="#CAA92E" />
<stop offset={1} stopColor="#CFAB2B" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_18_30853"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.875 15.8612) rotate(82.763) scale(9.9227 4.66075)"
>
<stop stopColor="#A7650A" />
<stop offset={1} stopColor="#A15D0A" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_18_30853"
x1={12.5179}
y1={7.30239}
x2={15.7299}
y2={26.1651}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0481663} stopColor="#FFE855" />
<stop offset={0.686476} stopColor="#F7BC4A" />
</linearGradient>
<linearGradient
id="paint15_linear_18_30853"
x1={11.0964}
y1={11.1993}
x2={12.3482}
y2={11.0773}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BA8F22" />
<stop offset={0.551827} stopColor="#CAA92E" />
<stop offset={1} stopColor="#CFAB2B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_30853"
x1={5.3125}
y1={22.5}
x2={27.9375}
y2={19.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BB2C41" />
<stop offset={0.161488} stopColor="#DD2B5D" />
<stop offset={0.490196} stopColor="#E92F74" />
<stop offset={1} stopColor="#F2368C" />
</linearGradient>
<radialGradient
id="paint17_radial_18_30853"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.75 15.5) rotate(54.9799) scale(5.22772 5.86287)"
>
<stop stopColor="#FF6983" />
<stop offset={1} stopColor="#FB5471" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint18_linear_18_30853"
x1={17.5625}
y1={13.4375}
x2={26.8245}
y2={16.7371}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FB5471" stopOpacity={0} />
<stop offset={0.520958} stopColor="#DE316B" />
<stop offset={0.622755} stopColor="#FC5396" />
</linearGradient>
</defs>
</svg>
);
module.exports = FrenchFriesIcon;