@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
427 lines (426 loc) • 18.6 kB
JSX
const React = require("react");
const ClinkingGlassesIcon = ({ 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}
<g clipPath="url(#clip0_18_31876)">
<path
d="M6.62473 27.0212L9.27472 18.9012L10.8947 19.4312L8.24473 27.5512C14.4089 29.5656 -1.60097 24.3334 6.62473 27.0212Z"
fill="url(#paint0_linear_18_31876)"
/>
<path
d="M9.85472 19.8513C11.8147 20.4913 13.9247 19.4213 14.5647 17.4613L17.9947 6.94128C18.1047 6.59128 17.9147 6.22126 17.5747 6.11126L11.7247 4.20129C11.3747 4.09129 11.0047 4.28127 10.8947 4.62127L7.46472 15.1413C6.82472 17.1013 7.89472 19.2113 9.85472 19.8513Z"
fill="url(#paint1_linear_18_31876)"
/>
<g filter="url(#filter0_f_18_31876)">
<path
d="M9.9375 19.7188C11.702 20.2949 13.6016 19.3003 14.1778 17.5358L17.5509 7.02922C17.65 6.71413 17.4789 6.38101 17.1728 6.28198L11.9062 4.56249C11.5912 4.46346 11.2581 4.6345 11.159 4.94059L7.78586 15.4472C7.20969 17.2117 8.17297 19.1426 9.9375 19.7188Z"
fill="#C2F0FF"
/>
</g>
<path
d="M10.2048 18.7912C11.7748 19.3012 13.4648 18.4412 13.9848 16.8712L15.7048 11.5912C15.8148 11.2412 15.5548 10.8812 15.1848 10.8812L9.98478 10.9712C9.75478 10.9712 9.55478 11.1212 9.48478 11.3412L8.28478 15.0112C7.77478 16.5812 8.63478 18.2712 10.2048 18.7912Z"
fill="#FFCB91"
/>
<path
d="M10.2048 18.7912C11.7748 19.3012 13.4648 18.4412 13.9848 16.8712L15.7048 11.5912C15.8148 11.2412 15.5548 10.8812 15.1848 10.8812L9.98478 10.9712C9.75478 10.9712 9.55478 11.1212 9.48478 11.3412L8.28478 15.0112C7.77478 16.5812 8.63478 18.2712 10.2048 18.7912Z"
fill="url(#paint2_linear_18_31876)"
/>
<path
d="M10.2048 18.7912C11.7748 19.3012 13.4648 18.4412 13.9848 16.8712L15.7048 11.5912C15.8148 11.2412 15.5548 10.8812 15.1848 10.8812L9.98478 10.9712C9.75478 10.9712 9.55478 11.1212 9.48478 11.3412L8.28478 15.0112C7.77478 16.5812 8.63478 18.2712 10.2048 18.7912Z"
fill="url(#paint3_radial_18_31876)"
/>
<path
d="M25.8747 24.8513L23.2247 16.7313L21.6047 17.2613L24.2547 25.3813C16.4 27.9479 36.0107 21.539 25.8747 24.8513Z"
fill="url(#paint4_linear_18_31876)"
/>
<path
d="M28.4147 24.0212L21.7147 26.2112C21.2747 26.3512 21.0347 26.8212 21.1847 27.2612C21.3247 27.7012 21.7947 27.9412 22.2347 27.7912L28.9247 25.6112C29.3647 25.4712 29.6047 25.0012 29.4547 24.5612C29.3247 24.1212 28.8547 23.8812 28.4147 24.0212Z"
fill="#C3F0FF"
/>
<path
d="M28.4147 24.0212L21.7147 26.2112C21.2747 26.3512 21.0347 26.8212 21.1847 27.2612C21.3247 27.7012 21.7947 27.9412 22.2347 27.7912L28.9247 25.6112C29.3647 25.4712 29.6047 25.0012 29.4547 24.5612C29.3247 24.1212 28.8547 23.8812 28.4147 24.0212Z"
fill="url(#paint5_radial_18_31876)"
/>
<path
d="M28.4147 24.0212L21.7147 26.2112C21.2747 26.3512 21.0347 26.8212 21.1847 27.2612C21.3247 27.7012 21.7947 27.9412 22.2347 27.7912L28.9247 25.6112C29.3647 25.4712 29.6047 25.0012 29.4547 24.5612C29.3247 24.1212 28.8547 23.8812 28.4147 24.0212Z"
fill="url(#paint6_radial_18_31876)"
/>
<path
d="M28.4147 24.0212L21.7147 26.2112C21.2747 26.3512 21.0347 26.8212 21.1847 27.2612C21.3247 27.7012 21.7947 27.9412 22.2347 27.7912L28.9247 25.6112C29.3647 25.4712 29.6047 25.0012 29.4547 24.5612C29.3247 24.1212 28.8547 23.8812 28.4147 24.0212Z"
fill="url(#paint7_radial_18_31876)"
/>
<path
d="M28.4147 24.0212L21.7147 26.2112C21.2747 26.3512 21.0347 26.8212 21.1847 27.2612C21.3247 27.7012 21.7947 27.9412 22.2347 27.7912L28.9247 25.6112C29.3647 25.4712 29.6047 25.0012 29.4547 24.5612C29.3247 24.1212 28.8547 23.8812 28.4147 24.0212Z"
fill="url(#paint8_radial_18_31876)"
/>
<path
d="M10.7931 28.37L4.08487 26.2054C3.64658 26.0601 3.17621 26.2994 3.03905 26.7436C2.8938 27.1819 3.1331 27.6522 3.57727 27.7894L10.2716 29.9562C10.7099 30.1015 11.1802 29.8622 11.3174 29.418C11.4707 28.9856 11.2314 28.5152 10.7931 28.37Z"
fill="#C3F0FF"
/>
<path
d="M10.7931 28.37L4.08487 26.2054C3.64658 26.0601 3.17621 26.2994 3.03905 26.7436C2.8938 27.1819 3.1331 27.6522 3.57727 27.7894L10.2716 29.9562C10.7099 30.1015 11.1802 29.8622 11.3174 29.418C11.4707 28.9856 11.2314 28.5152 10.7931 28.37Z"
fill="url(#paint9_radial_18_31876)"
/>
<path
d="M10.7931 28.37L4.08487 26.2054C3.64658 26.0601 3.17621 26.2994 3.03905 26.7436C2.8938 27.1819 3.1331 27.6522 3.57727 27.7894L10.2716 29.9562C10.7099 30.1015 11.1802 29.8622 11.3174 29.418C11.4707 28.9856 11.2314 28.5152 10.7931 28.37Z"
fill="url(#paint10_radial_18_31876)"
/>
<path
d="M10.7931 28.37L4.08487 26.2054C3.64658 26.0601 3.17621 26.2994 3.03905 26.7436C2.8938 27.1819 3.1331 27.6522 3.57727 27.7894L10.2716 29.9562C10.7099 30.1015 11.1802 29.8622 11.3174 29.418C11.4707 28.9856 11.2314 28.5152 10.7931 28.37Z"
fill="url(#paint11_radial_18_31876)"
/>
<path
d="M10.7931 28.37L4.08487 26.2054C3.64658 26.0601 3.17621 26.2994 3.03905 26.7436C2.8938 27.1819 3.1331 27.6522 3.57727 27.7894L10.2716 29.9562C10.7099 30.1015 11.1802 29.8622 11.3174 29.418C11.4707 28.9856 11.2314 28.5152 10.7931 28.37Z"
fill="url(#paint12_radial_18_31876)"
/>
<path
d="M14.2494 14.3355C14.5425 14.4232 14.8421 14.267 14.9386 13.9755L17.0638 7.52063C17.1515 7.22752 16.9954 6.92794 16.7038 6.83144C16.4107 6.74374 16.1111 6.89989 16.0146 7.19146L13.8894 13.6463C13.8017 13.9394 13.9579 14.239 14.2494 14.3355Z"
fill="url(#paint13_linear_18_31876)"
/>
<path
d="M22.6448 17.6812C20.6848 18.3212 18.5748 17.2513 17.9348 15.2913L14.5048 4.77123C14.3948 4.42123 14.5848 4.05125 14.9248 3.94125L20.7748 2.03124C21.1248 1.92124 21.4948 2.11126 21.6048 2.45126L25.0348 12.9712C25.6748 14.9312 24.6048 17.0412 22.6448 17.6812Z"
fill="url(#paint14_linear_18_31876)"
/>
<g filter="url(#filter1_f_18_31876)">
<path
d="M22.6094 17.5625C20.8437 18.1391 18.7656 17.0625 18.0156 14.8125L14.8077 4.87673C14.6562 4.42969 14.8077 4.1875 15.2612 4.01753L20.5312 2.29688C20.8466 2.19778 21.3179 2.39859 21.417 2.70489L24.625 12.6406C25.3281 14.9219 24.3751 16.9859 22.6094 17.5625Z"
fill="#C8F2FF"
/>
</g>
<path
d="M22.2948 16.6213C20.7248 17.1313 19.0348 16.2713 18.5148 14.7013L16.2148 7.63128C16.0048 6.98128 16.7748 6.46127 17.2948 6.90127L18.1248 7.60128C19.2048 8.51128 20.5948 8.96127 22.0048 8.87127C22.5348 8.84127 23.0148 9.16129 23.1748 9.67129L24.2148 12.8513C24.7248 14.4113 23.8648 16.1013 22.2948 16.6213Z"
fill="#FFCB91"
/>
<path
d="M22.2948 16.6213C20.7248 17.1313 19.0348 16.2713 18.5148 14.7013L16.2148 7.63128C16.0048 6.98128 16.7748 6.46127 17.2948 6.90127L18.1248 7.60128C19.2048 8.51128 20.5948 8.96127 22.0048 8.87127C22.5348 8.84127 23.0148 9.16129 23.1748 9.67129L24.2148 12.8513C24.7248 14.4113 23.8648 16.1013 22.2948 16.6213Z"
fill="url(#paint15_linear_18_31876)"
/>
<path
d="M22.2948 16.6213C20.7248 17.1313 19.0348 16.2713 18.5148 14.7013L16.2148 7.63128C16.0048 6.98128 16.7748 6.46127 17.2948 6.90127L18.1248 7.60128C19.2048 8.51128 20.5948 8.96127 22.0048 8.87127C22.5348 8.84127 23.0148 9.16129 23.1748 9.67129L24.2148 12.8513C24.7248 14.4113 23.8648 16.1013 22.2948 16.6213Z"
fill="url(#paint16_radial_18_31876)"
/>
<path
d="M17.8047 5.79123C18.2631 5.79123 18.6347 5.41961 18.6347 4.96121C18.6347 4.50282 18.2631 4.13123 17.8047 4.13123C17.3463 4.13123 16.9747 4.50282 16.9747 4.96121C16.9747 5.41961 17.3463 5.79123 17.8047 5.79123Z"
fill="url(#paint17_radial_18_31876)"
/>
<path
d="M19.6347 7.6713C19.944 7.6713 20.1947 7.42055 20.1947 7.11127C20.1947 6.80199 19.944 6.55127 19.6347 6.55127C19.3254 6.55127 19.0747 6.80199 19.0747 7.11127C19.0747 7.42055 19.3254 7.6713 19.6347 7.6713Z"
fill="url(#paint18_radial_18_31876)"
/>
<path
d="M19.6347 5.29123C19.817 5.29123 19.9647 5.14347 19.9647 4.96121C19.9647 4.77896 19.817 4.63123 19.6347 4.63123C19.4525 4.63123 19.3047 4.77896 19.3047 4.96121C19.3047 5.14347 19.4525 5.29123 19.6347 5.29123Z"
fill="url(#paint19_radial_18_31876)"
/>
<path
d="M22.7344 10.5469C23.021 10.4398 23.1656 10.1345 23.0665 9.84379L20.8641 3.41487C20.7571 3.12826 20.4518 2.98368 20.1611 3.08277C19.8745 3.1898 19.7299 3.49513 19.829 3.78583L22.0313 10.2148C22.1383 10.5014 22.4437 10.6459 22.7344 10.5469Z"
fill="url(#paint20_linear_18_31876)"
/>
</g>
<defs>
<filter
id="filter0_f_18_31876"
x={7.11893}
y={4.03436}
width={10.9601}
height={16.3482}
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_31876"
/>
</filter>
<filter
id="filter1_f_18_31876"
x={14.2509}
y={1.77136}
width={11.1068}
height={16.4446}
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_31876"
/>
</filter>
<linearGradient
id="paint0_linear_18_31876"
x1={7.78125}
y1={23.463}
x2={9.35421}
y2={23.9846}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.03} stopColor="#C1E6FF" />
<stop offset={0.128571} stopColor="#CCF5FF" />
<stop offset={0.18} stopColor="#CEF6FF" />
<stop offset={0.388882} stopColor="#C3F0FF" />
<stop offset={0.665838} stopColor="#CDF6FF" />
<stop offset={0.92} stopColor="#CEF6FF" />
<stop offset={1} stopColor="#C7E5FE" />
</linearGradient>
<linearGradient
id="paint1_linear_18_31876"
x1={14.7812}
y1={5.125}
x2={10.0312}
y2={19.5937}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C5F2FF" />
<stop offset={0.0416426} stopColor="#C1DCF4" />
<stop offset={1} stopColor="#BEE9FF" />
</linearGradient>
<linearGradient
id="paint2_linear_18_31876"
x1={15.0625}
y1={16.25}
x2={8.13782}
y2={13.9375}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0981107} stopColor="#FFE4A5" />
<stop offset={0.224793} stopColor="#FFEFAE" />
<stop offset={0.360127} stopColor="#FFE6A7" />
<stop offset={0.669356} stopColor="#FFCB91" />
<stop offset={0.895984} stopColor="#FFE5A4" />
</linearGradient>
<radialGradient
id="paint3_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.5 19.5625) rotate(-71.5651) scale(5.33634 10.6774)"
>
<stop offset={0.0851294} stopColor="#FFBCCC" />
<stop offset={0.381481} stopColor="#FFCB9D" />
<stop offset={0.850834} stopColor="#FFCB9D" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_31876"
x1={22.8438}
y1={21.1875}
x2={24.4844}
y2={20.6406}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.03} stopColor="#C1E6FF" />
<stop offset={0.128571} stopColor="#CCF5FF" />
<stop offset={0.18} stopColor="#CEF6FF" />
<stop offset={0.531429} stopColor="#C3F0FF" />
<stop offset={0.788571} stopColor="#CDF6FF" />
<stop offset={0.92} stopColor="#CEF6FF" />
<stop offset={1} stopColor="#C7E5FE" />
</linearGradient>
<radialGradient
id="paint5_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.1875 26.5625) rotate(70.0169) scale(0.365772 2.94446)"
>
<stop stopColor="#D3F9FF" />
<stop offset={1} stopColor="#CDF9FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28 24.9375) rotate(71.565) scale(0.395285 3.18204)"
>
<stop stopColor="#CEF8FF" />
<stop offset={1} stopColor="#CDF9FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.14 26.6875) rotate(11.8839) scale(1.51751 3.29099)"
>
<stop offset={0.0910921} stopColor="#BDE1FC" />
<stop offset={0.705172} stopColor="#BDE2FD" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.7813 25.3125) rotate(-176.698) scale(1.6277 3.52996)"
>
<stop offset={0.28345} stopColor="#BDE1FC" />
<stop offset={0.705172} stopColor="#BDE2FD" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.07019 27.355) rotate(106.002) scale(0.365772 2.94446)"
>
<stop stopColor="#D3F9FF" />
<stop offset={1} stopColor="#CDF9FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.91913 28.8677) rotate(107.55) scale(0.395285 3.18204)"
>
<stop stopColor="#CEF8FF" />
<stop offset={1} stopColor="#CDF9FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.15625 27.5) rotate(-14.0362) scale(1.28847 2.79427)"
>
<stop offset={0.0910921} stopColor="#BDE1FC" />
<stop offset={0.705172} stopColor="#BDE2FD" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.25 28.8437) rotate(171.755) scale(2.39444 5.19275)"
>
<stop offset={0.28345} stopColor="#BDE1FC" />
<stop offset={0.705172} stopColor="#BDE2FD" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_18_31876"
x1={14.357}
y1={14.5206}
x2={16.7243}
y2={6.98774}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" stopOpacity={0} />
<stop offset={0.760808} stopColor="white" />
</linearGradient>
<linearGradient
id="paint14_linear_18_31876"
x1={18.3125}
y1={2.625}
x2={23.1875}
y2={17.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BDDDF6" />
<stop offset={1} stopColor="#BEEDFF" />
</linearGradient>
<linearGradient
id="paint15_linear_18_31876"
x1={24.6563}
y1={10.9062}
x2={17.9375}
y2={13.1875}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0981107} stopColor="#FFE4A5" />
<stop offset={0.224793} stopColor="#FFEFAE" />
<stop offset={0.360127} stopColor="#FFE6A7" />
<stop offset={0.669356} stopColor="#FFCB91" />
<stop offset={1} stopColor="#FFC999" />
</linearGradient>
<radialGradient
id="paint16_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22 17.9375) rotate(-91.4144) scale(5.06404 8.77358)"
>
<stop offset={0.220571} stopColor="#FFBCCC" />
<stop offset={0.514411} stopColor="#FFCB9D" />
<stop offset={0.850834} stopColor="#FFCB9D" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint17_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.2344 4.96124) rotate(180) scale(1.25964 1.25964)"
>
<stop stopColor="#FFDB8B" />
<stop offset={1} stopColor="#FAC77B" />
</radialGradient>
<radialGradient
id="paint18_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.8438 7.67126) rotate(-99.3833) scale(1.28217 1.2822)"
>
<stop offset={0.200768} stopColor="#FFEA7E" />
<stop offset={0.878382} stopColor="#FAC77B" />
</radialGradient>
<radialGradient
id="paint19_radial_18_31876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.8055 4.96123) rotate(180) scale(0.500822)"
>
<stop stopColor="#FFEBA6" />
<stop offset={1} stopColor="#FAC77B" />
</radialGradient>
<linearGradient
id="paint20_linear_18_31876"
x1={22.9319}
y1={10.6295}
x2={20.2717}
y2={3.19503}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" stopOpacity={0} />
<stop offset={0.760808} stopColor="white" />
</linearGradient>
<clipPath id="clip0_18_31876">
<rect width={32} height={32} fill="white" />
</clipPath>
</defs>
</svg>
);
module.exports = ClinkingGlassesIcon;