@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
268 lines (267 loc) • 7.99 kB
JSX
const React = require("react");
const CupWithStrawIcon = ({ 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="M15.25 2.75C15.25 2.33579 15.5858 2 16 2H20V3.5H16.75V8C16.75 8.41421 16.4142 8.75 16 8.75C15.5858 8.75 15.25 8.41421 15.25 8V2.75Z"
fill="url(#paint0_linear_18_31587)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.4461 2.24429C15.5833 2.09417 15.7806 2 16 2H20V3.5H16.75L15.4461 2.24429Z"
fill="url(#paint1_linear_18_31587)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.4461 2.24429C15.5833 2.09417 15.7806 2 16 2H20V3.5H16.75L15.4461 2.24429Z"
fill="url(#paint2_radial_18_31587)"
/>
<ellipse
cx={20}
cy={2.75}
rx={0.5}
ry={0.75}
fill="url(#paint3_linear_18_31587)"
/>
<path
d="M8.58333 18L9.5 29C9.56505 29.5504 10 30 10.5 30H21.5C22 30 22.4591 29.5558 22.5 29L23.4167 18L23.1839 17.8589H8.78146L8.58333 18Z"
fill="url(#paint4_linear_18_31587)"
/>
<path
d="M8.58333 18L9.5 29C9.56505 29.5504 10 30 10.5 30H21.5C22 30 22.4591 29.5558 22.5 29L23.4167 18L23.1839 17.8589H8.78146L8.58333 18Z"
fill="url(#paint5_linear_18_31587)"
/>
<path
d="M8.58333 18L9.5 29C9.56505 29.5504 10 30 10.5 30H21.5C22 30 22.4591 29.5558 22.5 29L23.4167 18L23.1839 17.8589H8.78146L8.58333 18Z"
fill="url(#paint6_linear_18_31587)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M23.4167 18H8.58333L8 11H24L23.4167 18Z"
fill="url(#paint7_linear_18_31587)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M23.4167 18H8.58333L8 11H24L23.4167 18Z"
fill="url(#paint8_linear_18_31587)"
/>
<path
d="M11.5 8L11 9V10H21V9L20.5 8C20.2627 7.5088 20 7 19 7H13C12 7 11.7464 7.51608 11.5 8Z"
fill="url(#paint9_radial_18_31587)"
/>
<path
d="M11.5 8L11 9V10H21V9L20.5 8C20.2627 7.5088 20 7 19 7H13C12 7 11.7464 7.51608 11.5 8Z"
fill="url(#paint10_linear_18_31587)"
/>
<path
d="M8 10H24"
stroke="#D1CFD9"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M8 10H24"
stroke="url(#paint11_radial_18_31587)"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M8 10H24"
stroke="url(#paint12_radial_18_31587)"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M8 10H24"
stroke="url(#paint13_linear_18_31587)"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
<defs>
<linearGradient
id="paint0_linear_18_31587"
x1={15.25}
y1={5.375}
x2={16.8438}
y2={5.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C63344" />
<stop offset={0.294118} stopColor="#D92354" />
<stop offset={0.6875} stopColor="#EE466D" />
<stop offset={1} stopColor="#F34459" />
</linearGradient>
<linearGradient
id="paint1_linear_18_31587"
x1={17.7231}
y1={2}
x2={17.7231}
y2={3.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E43356" />
<stop offset={0.5} stopColor="#DE2F5E" />
<stop offset={1} stopColor="#CD3047" />
</linearGradient>
<radialGradient
id="paint2_radial_18_31587"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.625 2.07812) rotate(134.326) scale(0.939191 1.1541)"
>
<stop stopColor="#CD2E4A" />
<stop offset={1} stopColor="#D82453" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_31587"
x1={20}
y1={2}
x2={20}
y2={3.5}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0729167} stopColor="#980F2C" />
<stop offset={0.5625} stopColor="#A22A44" />
<stop offset={1} stopColor="#A60B2E" />
</linearGradient>
<linearGradient
id="paint4_linear_18_31587"
x1={8.58333}
y1={23}
x2={23.4167}
y2={23}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A8A1B5" />
<stop offset={0.297753} stopColor="#C3B2DA" />
<stop offset={0.592697} stopColor="#EFE3FF" />
<stop offset={0.820225} stopColor="#F6EDFF" />
<stop offset={1} stopColor="#E7E3F2" />
</linearGradient>
<linearGradient
id="paint5_linear_18_31587"
x1={16}
y1={29.125}
x2={16}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CDA8F6" stopOpacity={0} />
<stop offset={1} stopColor="#C99BF7" />
</linearGradient>
<linearGradient
id="paint6_linear_18_31587"
x1={23.0313}
y1={23.25}
x2={22.0938}
y2={23.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D9D5E7" />
<stop offset={0.723451} stopColor="#E8E5F1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_31587"
x1={8}
y1={14.5}
x2={24}
y2={14.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BB454C" />
<stop offset={0.167969} stopColor="#BF304E" />
<stop offset={0.34375} stopColor="#D31F55" />
<stop offset={0.546875} stopColor="#ED2B64" />
<stop offset={0.863281} stopColor="#FF3669" />
<stop offset={1} stopColor="#FF4D58" />
</linearGradient>
<linearGradient
id="paint8_linear_18_31587"
x1={16}
y1={10.3125}
x2={16}
y2={12.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BE1E4E" />
<stop offset={1} stopColor="#C21E51" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_31587"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.5 7.9375) rotate(82.4927) scale(8.13221 9.14813)"
>
<stop stopColor="white" />
<stop offset={1} stopColor="#9C9DA0" />
</radialGradient>
<linearGradient
id="paint10_linear_18_31587"
x1={16}
y1={7}
x2={16}
y2={7.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C4C2C3" />
<stop offset={1} stopColor="#C8C7CB" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint11_radial_18_31587"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.125 9.625) rotate(90) scale(0.875 7.90625)"
>
<stop stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_18_31587"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.4375 9.5625) rotate(99.4623) scale(2.66121 8.56552)"
>
<stop stopColor="#9E9DA4" />
<stop offset={1} stopColor="#A2A2A6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_18_31587"
x1={16}
y1={10}
x2={16}
y2={11}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CBB7E4" stopOpacity={0} />
<stop offset={1} stopColor="#BE90CC" />
</linearGradient>
</defs>
</svg>
);
module.exports = CupWithStrawIcon;