@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
241 lines (240 loc) • 9.02 kB
JSX
const React = require("react");
const CricketGameIcon = ({ 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}
<circle
cx={22.4189}
cy={24.409}
r={2.47889}
fill="url(#paint0_radial_18_2459)"
/>
<circle
cx={22.4189}
cy={24.409}
r={2.47889}
fill="url(#paint1_linear_18_2459)"
/>
<circle
cx={22.4189}
cy={24.409}
r={2.47889}
fill="url(#paint2_radial_18_2459)"
/>
<g filter="url(#filter0_i_18_2459)">
<path
d="M18.8053 9.57156C18.671 9.80445 18.4485 9.97343 18.1881 10.0404L16.3641 10.5092C15.7041 10.6793 15.1341 11.1093 14.7941 11.7093L7.22409 24.8192C6.7641 25.6093 7.0341 26.6193 7.83409 27.0793L11.8641 29.4092L12.4941 29.7793C13.2841 30.2393 14.2941 29.9692 14.7541 29.1693L22.3241 16.0593C22.6641 15.4693 22.7541 14.7592 22.5741 14.0992L22.0802 12.2897C22.0099 12.032 22.0455 11.757 22.1792 11.5258L25.9941 4.92926C26.5341 3.99927 26.2141 2.79926 25.2841 2.25925C24.3541 1.71927 23.1541 2.03928 22.6141 2.96927L18.8053 9.57156Z"
fill="url(#paint3_linear_18_2459)"
/>
</g>
<path
d="M18.8053 9.57156C18.671 9.80445 18.4485 9.97343 18.1881 10.0404L16.3641 10.5092C15.7041 10.6793 15.1341 11.1093 14.7941 11.7093L7.22409 24.8192C6.7641 25.6093 7.0341 26.6193 7.83409 27.0793L11.8641 29.4092L12.4941 29.7793C13.2841 30.2393 14.2941 29.9692 14.7541 29.1693L22.3241 16.0593C22.6641 15.4693 22.7541 14.7592 22.5741 14.0992L22.0802 12.2897C22.0099 12.032 22.0455 11.757 22.1792 11.5258L25.9941 4.92926C26.5341 3.99927 26.2141 2.79926 25.2841 2.25925C24.3541 1.71927 23.1541 2.03928 22.6141 2.96927L18.8053 9.57156Z"
fill="url(#paint4_linear_18_2459)"
/>
<path
d="M18.8053 9.57156C18.671 9.80445 18.4485 9.97343 18.1881 10.0404L16.3641 10.5092C15.7041 10.6793 15.1341 11.1093 14.7941 11.7093L7.22409 24.8192C6.7641 25.6093 7.0341 26.6193 7.83409 27.0793L11.8641 29.4092L12.4941 29.7793C13.2841 30.2393 14.2941 29.9692 14.7541 29.1693L22.3241 16.0593C22.6641 15.4693 22.7541 14.7592 22.5741 14.0992L22.0802 12.2897C22.0099 12.032 22.0455 11.757 22.1792 11.5258L25.9941 4.92926C26.5341 3.99927 26.2141 2.79926 25.2841 2.25925C24.3541 1.71927 23.1541 2.03928 22.6141 2.96927L18.8053 9.57156Z"
fill="url(#paint5_radial_18_2459)"
/>
<g filter="url(#filter1_i_18_2459)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.0652 12.227C22.0163 11.9879 22.0563 11.7383 22.1792 11.5258L25.9941 4.92926C26.5341 3.99927 26.2141 2.79926 25.2841 2.25925C24.3541 1.71927 23.1541 2.03928 22.6141 2.96927L18.8053 9.57156C18.6878 9.77534 18.5027 9.93019 18.2839 10.0106L22.0652 12.227Z"
fill="#61468F"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.0652 12.227C22.0163 11.9879 22.0563 11.7383 22.1792 11.5258L25.9941 4.92926C26.5341 3.99927 26.2141 2.79926 25.2841 2.25925C24.3541 1.71927 23.1541 2.03928 22.6141 2.96927L18.8053 9.57156C18.6878 9.77534 18.5027 9.93019 18.2839 10.0106L22.0652 12.227Z"
fill="url(#paint6_radial_18_2459)"
/>
</g>
<path
d="M20.7415 22.5838L24.8704 24.7787C24.7859 25.3442 24.5103 25.8472 24.1115 26.2201L19.97 24.022C20.0587 23.4565 20.3386 22.9543 20.7415 22.5838Z"
fill="url(#paint7_radial_18_2459)"
/>
<path
d="M20.7415 22.5838L24.8704 24.7787C24.7859 25.3442 24.5103 25.8472 24.1115 26.2201L19.97 24.022C20.0587 23.4565 20.3386 22.9543 20.7415 22.5838Z"
fill="url(#paint8_radial_18_2459)"
/>
<defs>
<filter
id="filter0_i_18_2459"
x={7}
y={1.99664}
width={19.6067}
height={28.3567}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.35} dy={0.35} />
<feGaussianBlur stdDeviation={0.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.901961 0 0 0 0 0.603922 0 0 0 0 0.443137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2459"
/>
</filter>
<filter
id="filter1_i_18_2459"
x={18.2839}
y={1.74664}
width={8.9729}
height={10.4803}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={1} dy={-0.25} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.345098 0 0 0 0 0.223529 0 0 0 0 0.376471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2459"
/>
</filter>
<radialGradient
id="paint0_radial_18_2459"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.7275 23.403) rotate(146.31) scale(3.02788 3.04699)"
>
<stop stopColor="#FF636C" />
<stop offset={1} stopColor="#F83D46" />
</radialGradient>
<linearGradient
id="paint1_linear_18_2459"
x1={21.0185}
y1={26.8879}
x2={21.8854}
y2={24.5949}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FE287A" />
<stop offset={1} stopColor="#FE287A" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_2459"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.94 22.7257) rotate(32.9743) scale(3.38459 5.76692)"
>
<stop stopColor="#E83D41" />
<stop offset={1} stopColor="#E83D41" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_2459"
x1={16.6284}
y1={15.6824}
x2={14.7879}
y2={29.7149}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC0A7" />
<stop offset={1} stopColor="#FFC1B8" />
</linearGradient>
<linearGradient
id="paint4_linear_18_2459"
x1={10.6025}
y1={29.3221}
x2={11.6997}
y2={27.5477}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.157445} stopColor="#FE86C0" />
<stop offset={1} stopColor="#FE86C0" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_2459"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.7523 13.1901) rotate(75.489) scale(4.75701 2.14433)"
>
<stop offset={0.178752} stopColor="#FFE2B4" />
<stop offset={1} stopColor="#FFE2B4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_2459"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.5937 3.09039) rotate(153.853) scale(1.91468 2.40075)"
>
<stop offset={0.064409} stopColor="#736AAE" />
<stop offset={1} stopColor="#736AAE" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_2459"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.8359 23.7551) rotate(119.358) scale(1.98921 3.53377)"
>
<stop stopColor="#FFEEFF" />
<stop offset={1} stopColor="#F1BFFF" />
</radialGradient>
<radialGradient
id="paint8_radial_18_2459"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.2693 25.0825) rotate(-153.593) scale(4.38562 5.91021)"
>
<stop offset={0.661241} stopColor="#CBA2B3" stopOpacity={0} />
<stop offset={1} stopColor="#CBA2B3" />
</radialGradient>
</defs>
</svg>
);
module.exports = CricketGameIcon;