@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
509 lines (508 loc) • 16.9 kB
JSX
const React = require("react");
const IceCreamIcon = ({ 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.0899 3.89844L19.9299 11.7405"
stroke="url(#paint0_linear_18_30281)"
strokeWidth={1.75}
strokeLinecap="round"
/>
<path
d="M29.0183 7.96655L20.9697 12.4337"
stroke="url(#paint1_linear_18_30281)"
strokeWidth={1.75}
strokeLinecap="round"
/>
<circle cx={8.83952} cy={17.75} r={6.75} fill="#8C604D" />
<circle
cx={8.83952}
cy={17.75}
r={6.75}
fill="url(#paint2_radial_18_30281)"
/>
<circle
cx={8.83952}
cy={17.75}
r={6.75}
fill="url(#paint3_radial_18_30281)"
/>
<circle
cx={22.2602}
cy={17.625}
r={6.75}
fill="url(#paint4_radial_18_30281)"
/>
<circle
cx={22.2602}
cy={17.625}
r={6.75}
fill="url(#paint5_radial_18_30281)"
/>
<g filter="url(#filter0_f_18_30281)">
<path
d="M21.8438 9.3125L25.9062 4.09375"
stroke="url(#paint6_linear_18_30281)"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter1_f_18_30281)">
<path
d="M21.9062 9.4375L26.2188 3.90625"
stroke="url(#paint7_linear_18_30281)"
strokeWidth={0.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18_30281)">
<path
d="M23.1562 11.125L29.125 7.8125"
stroke="url(#paint8_linear_18_30281)"
strokeWidth={0.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18_30281)">
<path
d="M22.875 11.2188L29.1875 7.875"
stroke="url(#paint9_linear_18_30281)"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<circle
cx={16}
cy={14.9219}
r={8.07812}
fill="url(#paint10_radial_18_30281)"
/>
<circle
cx={16}
cy={14.9219}
r={8.07812}
fill="url(#paint11_linear_18_30281)"
/>
<circle
cx={16}
cy={14.9219}
r={8.07812}
fill="url(#paint12_radial_18_30281)"
/>
<path
d="M2.72242 21.0415H13.3944H17.5437H28.2156C28.8377 21.0415 29.1855 21.7515 28.7957 22.2364C27.3125 24.4062 25.8438 25.9375 23.1562 27.3597C22.5868 27.7097 21.9848 28.1856 21.6405 28.7585L21.5055 28.9831C21.1439 29.5848 20.4933 29.9529 19.7913 29.9529H17.5437H13.3944H11.1467C10.4447 29.9529 9.79409 29.5848 9.43248 28.9831L9.29752 28.7585C8.9532 28.1856 8.47091 27.7097 7.90144 27.3597C5.21875 25.9062 3.8125 24.625 2.14234 22.2364C1.75254 21.7515 2.10027 21.0415 2.72242 21.0415Z"
fill="url(#paint13_linear_18_30281)"
/>
<path
d="M2.72242 21.0415H13.3944H17.5437H28.2156C28.8377 21.0415 29.1855 21.7515 28.7957 22.2364C27.3125 24.4062 25.8438 25.9375 23.1562 27.3597C22.5868 27.7097 21.9848 28.1856 21.6405 28.7585L21.5055 28.9831C21.1439 29.5848 20.4933 29.9529 19.7913 29.9529H17.5437H13.3944H11.1467C10.4447 29.9529 9.79409 29.5848 9.43248 28.9831L9.29752 28.7585C8.9532 28.1856 8.47091 27.7097 7.90144 27.3597C5.21875 25.9062 3.8125 24.625 2.14234 22.2364C1.75254 21.7515 2.10027 21.0415 2.72242 21.0415Z"
fill="url(#paint14_radial_18_30281)"
/>
<path
d="M2.72242 21.0415H13.3944H17.5437H28.2156C28.8377 21.0415 29.1855 21.7515 28.7957 22.2364C27.3125 24.4062 25.8438 25.9375 23.1562 27.3597C22.5868 27.7097 21.9848 28.1856 21.6405 28.7585L21.5055 28.9831C21.1439 29.5848 20.4933 29.9529 19.7913 29.9529H17.5437H13.3944H11.1467C10.4447 29.9529 9.79409 29.5848 9.43248 28.9831L9.29752 28.7585C8.9532 28.1856 8.47091 27.7097 7.90144 27.3597C5.21875 25.9062 3.8125 24.625 2.14234 22.2364C1.75254 21.7515 2.10027 21.0415 2.72242 21.0415Z"
fill="url(#paint15_radial_18_30281)"
/>
<path
d="M2.72242 21.0415H13.3944H17.5437H28.2156C28.8377 21.0415 29.1855 21.7515 28.7957 22.2364C27.3125 24.4062 25.8438 25.9375 23.1562 27.3597C22.5868 27.7097 21.9848 28.1856 21.6405 28.7585L21.5055 28.9831C21.1439 29.5848 20.4933 29.9529 19.7913 29.9529H17.5437H13.3944H11.1467C10.4447 29.9529 9.79409 29.5848 9.43248 28.9831L9.29752 28.7585C8.9532 28.1856 8.47091 27.7097 7.90144 27.3597C5.21875 25.9062 3.8125 24.625 2.14234 22.2364C1.75254 21.7515 2.10027 21.0415 2.72242 21.0415Z"
fill="url(#paint16_radial_18_30281)"
/>
<path
d="M2.72242 21.0415H13.3944H17.5437H28.2156C28.8377 21.0415 29.1855 21.7515 28.7957 22.2364C27.3125 24.4062 25.8438 25.9375 23.1562 27.3597C22.5868 27.7097 21.9848 28.1856 21.6405 28.7585L21.5055 28.9831C21.1439 29.5848 20.4933 29.9529 19.7913 29.9529H17.5437H13.3944H11.1467C10.4447 29.9529 9.79409 29.5848 9.43248 28.9831L9.29752 28.7585C8.9532 28.1856 8.47091 27.7097 7.90144 27.3597C5.21875 25.9062 3.8125 24.625 2.14234 22.2364C1.75254 21.7515 2.10027 21.0415 2.72242 21.0415Z"
fill="url(#paint17_radial_18_30281)"
/>
<path
d="M17.9493 5.98328C17.9493 7.07861 17.2246 7.84562 15.966 7.84562C14.7075 7.84562 13.9828 7.07861 13.9828 5.98328C13.9828 4.88794 14.8707 4 15.966 4C17.0614 4 17.9493 4.88794 17.9493 5.98328Z"
fill="url(#paint18_radial_18_30281)"
/>
<path
d="M17.9493 5.98328C17.9493 7.07861 17.2246 7.84562 15.966 7.84562C14.7075 7.84562 13.9828 7.07861 13.9828 5.98328C13.9828 4.88794 14.8707 4 15.966 4C17.0614 4 17.9493 4.88794 17.9493 5.98328Z"
fill="url(#paint19_radial_18_30281)"
/>
<g filter="url(#filter4_f_18_30281)">
<ellipse
cx={26.5218}
cy={3.66892}
rx={0.328125}
ry={0.28125}
transform="rotate(38.7904 26.5218 3.66892)"
fill="#DBAA7F"
/>
</g>
<g filter="url(#filter5_f_18_30281)">
<ellipse
cx={29.3539}
cy={7.81256}
rx={0.328125}
ry={0.288648}
transform="rotate(56.1571 29.3539 7.81256)"
fill="#DBAA7F"
/>
</g>
<defs>
<filter
id="filter0_f_18_30281"
x={20.4687}
y={2.71875}
width={6.81253}
height={7.96875}
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_30281"
/>
</filter>
<filter
id="filter1_f_18_30281"
x={21.4062}
y={3.40625}
width={5.31253}
height={6.53125}
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_30281"
/>
</filter>
<filter
id="filter2_f_18_30281"
x={22.6562}
y={7.3125}
width={6.96884}
height={4.3125}
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_30281"
/>
</filter>
<filter
id="filter3_f_18_30281"
x={21.4999}
y={6.49988}
width={9.06264}
height={6.09399}
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_30281"
/>
</filter>
<filter
id="filter4_f_18_30281"
x={25.9612}
y={3.11841}
width={1.12122}
height={1.10107}
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_30281"
/>
</filter>
<filter
id="filter5_f_18_30281"
x={28.8024}
y={7.24609}
width={1.10292}
height={1.13293}
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_30281"
/>
</filter>
<linearGradient
id="paint0_linear_18_30281"
x1={21.8125}
y1={9.5}
x2={26.375}
y2={3.89844}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F0AF78" />
<stop offset={1} stopColor="#BC8755" />
</linearGradient>
<linearGradient
id="paint1_linear_18_30281"
x1={23.4295}
y1={11.1574}
x2={25.1032}
y2={6.444}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D9A26A" />
<stop offset={0.445907} stopColor="#DC9B60" />
<stop offset={1} stopColor="#BC8755" />
</linearGradient>
<radialGradient
id="paint2_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.625 15.5625) rotate(109.44) scale(4.50694 2.85237)"
>
<stop stopColor="#AB8171" />
<stop offset={1} stopColor="#AA8172" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.5625 20.875) rotate(90) scale(4.3125 7.05059)"
>
<stop stopColor="#4D4637" />
<stop offset={1} stopColor="#5B5143" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.0625 15.8125) rotate(73.8557) scale(4.94501 7.25117)"
>
<stop stopColor="#FFB1B3" />
<stop offset={0.354952} stopColor="#FFA7AB" />
<stop offset={1} stopColor="#FF8F9D" />
</radialGradient>
<radialGradient
id="paint5_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.25 21.0625) rotate(90) scale(3.3125 7.98831)"
>
<stop offset={0.159091} stopColor="#BD7575" />
<stop offset={1} stopColor="#F28F8F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_30281"
x1={26.1563}
y1={3.9375}
x2={24.0977}
y2={10.4868}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D5966A" stopOpacity={0} />
<stop offset={0.503685} stopColor="#F3AF74" />
</linearGradient>
<linearGradient
id="paint7_linear_18_30281"
x1={25.9375}
y1={3.875}
x2={22.0625}
y2={9.03125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D09468" />
<stop offset={1} stopColor="#F3B075" />
</linearGradient>
<linearGradient
id="paint8_linear_18_30281"
x1={27.2813}
y1={5.8916}
x2={23.4063}
y2={11.0479}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D09468" />
<stop offset={1} stopColor="#F3B075" />
</linearGradient>
<linearGradient
id="paint9_linear_18_30281"
x1={29.3104}
y1={7.92653}
x2={24.7482}
y2={13.0566}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D5966A" stopOpacity={0} />
<stop offset={0.503685} stopColor="#F3AF74" />
</linearGradient>
<radialGradient
id="paint10_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.75 12.625) rotate(156.413) scale(9.68407 10.8233)"
>
<stop stopColor="#FFF0DE" />
<stop offset={0.305629} stopColor="#FFE6C8" />
<stop offset={0.667864} stopColor="#E9CFB2" />
<stop offset={1} stopColor="#DDC3A6" />
</radialGradient>
<linearGradient
id="paint11_linear_18_30281"
x1={16}
y1={6.84375}
x2={16}
y2={23}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.756286} stopColor="#E3C9AC" stopOpacity={0} />
<stop offset={0.87234} stopColor="#CAB193" />
</linearGradient>
<radialGradient
id="paint12_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.9688 6.84375) rotate(88.3634) scale(1.0942 2.19545)"
>
<stop offset={0.550362} stopColor="#B49B7E" />
<stop offset={1} stopColor="#BBA185" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_18_30281"
x1={15.469}
y1={21.0415}
x2={15.469}
y2={29.9529}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0584643} stopColor="#7FD4FF" />
<stop offset={0.114572} stopColor="#69C0F9" />
<stop offset={0.500316} stopColor="#6189FF" />
<stop offset={0.703708} stopColor="#597CFF" />
<stop offset={0.865019} stopColor="#427AFF" />
<stop offset={1} stopColor="#716DFF" />
</linearGradient>
<radialGradient
id="paint14_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.5 21.0415) rotate(90) scale(8.91136 16.625)"
>
<stop stopColor="#85EFFF" />
<stop offset={0.612532} stopColor="#73C5FF" stopOpacity={0.39074} />
<stop offset={1} stopColor="#67AAFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint15_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.5 21.3125) rotate(90) scale(0.328125 8.03099)"
>
<stop stopColor="#91F7FF" />
<stop offset={1} stopColor="#91F7FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint16_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.625 26.875) rotate(56.1737) scale(3.70502 11.9958)"
>
<stop stopColor="#8E9AFF" />
<stop offset={1} stopColor="#939CFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint17_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.0625 28.625) rotate(90) scale(1.5625 7.5625)"
>
<stop stopColor="#4C9BFF" />
<stop offset={1} stopColor="#4B98FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint18_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.75 5.3125) rotate(135.881) scale(2.87296 2.96331)"
>
<stop stopColor="#FF6FB3" />
<stop offset={0.480596} stopColor="#FE3E8B" />
<stop offset={1} stopColor="#E64260" />
</radialGradient>
<radialGradient
id="paint19_radial_18_30281"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.8125 5.5) rotate(35.5377) scale(1.07529 1.42752)"
>
<stop stopColor="#EF6175" />
<stop offset={1} stopColor="#ED6374" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = IceCreamIcon;