@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
497 lines (496 loc) • 17.4 kB
JSX
const React = require("react");
const RugbyFootballIcon = ({ 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 filter="url(#filter0_i_18_2315)">
<path
d="M29.179 5.86912C33.769 20.2091 20.229 33.7391 5.88897 29.1591C4.51897 28.7191 3.44897 27.6491 3.00897 26.2791C-1.58103 11.9291 11.959 -1.60088 26.299 2.98912C27.669 3.42912 28.739 4.49912 29.179 5.86912Z"
fill="url(#paint0_radial_18_2315)"
/>
<path
d="M29.179 5.86912C33.769 20.2091 20.229 33.7391 5.88897 29.1591C4.51897 28.7191 3.44897 27.6491 3.00897 26.2791C-1.58103 11.9291 11.959 -1.60088 26.299 2.98912C27.669 3.42912 28.739 4.49912 29.179 5.86912Z"
fill="url(#paint1_radial_18_2315)"
/>
</g>
<g filter="url(#filter1_i_18_2315)">
<path
d="M27.3314 3.63085C27.4515 3.51058 27.6415 3.49287 27.7751 3.59783C28.0015 3.77556 28.2117 3.9715 28.3997 4.1877C28.5135 4.31863 28.4983 4.5138 28.3757 4.63661L22.205 10.8204C23.8753 12.9877 23.7166 16.1007 21.729 18.0791L18.439 21.3691C16.4558 23.3523 13.3514 23.5146 11.1924 21.8561L4.69306 28.3692C4.56877 28.4937 4.37031 28.5077 4.23823 28.3915C4.02119 28.2005 3.8246 27.9912 3.64637 27.7613C3.54328 27.6284 3.56178 27.4407 3.68061 27.3217L10.1633 20.8281C8.49278 18.6607 8.65135 15.5476 10.639 13.5691L13.929 10.2791C15.9043 8.29466 19.0106 8.13337 21.1774 9.79524L27.3314 3.63085Z"
fill="url(#paint2_linear_18_2315)"
/>
<path
d="M27.3314 3.63085C27.4515 3.51058 27.6415 3.49287 27.7751 3.59783C28.0015 3.77556 28.2117 3.9715 28.3997 4.1877C28.5135 4.31863 28.4983 4.5138 28.3757 4.63661L22.205 10.8204C23.8753 12.9877 23.7166 16.1007 21.729 18.0791L18.439 21.3691C16.4558 23.3523 13.3514 23.5146 11.1924 21.8561L4.69306 28.3692C4.56877 28.4937 4.37031 28.5077 4.23823 28.3915C4.02119 28.2005 3.8246 27.9912 3.64637 27.7613C3.54328 27.6284 3.56178 27.4407 3.68061 27.3217L10.1633 20.8281C8.49278 18.6607 8.65135 15.5476 10.639 13.5691L13.929 10.2791C15.9043 8.29466 19.0106 8.13337 21.1774 9.79524L27.3314 3.63085Z"
fill="url(#paint3_linear_18_2315)"
/>
</g>
<g filter="url(#filter2_f_18_2315)">
<path
d="M12.2705 17.8002L14.2705 19.8002C14.6105 20.1402 14.6105 20.6902 14.2705 21.0202C13.9305 21.3602 13.3805 21.3602 13.0505 21.0202L11.0505 19.0202C10.7105 18.6802 10.7105 18.1302 11.0505 17.8002C11.3905 17.4702 11.9405 17.4702 12.2705 17.8002Z"
fill="#F95C5C"
/>
</g>
<g filter="url(#filter3_f_18_2315)">
<path
d="M14.6505 15.4302L16.6505 17.4302C16.9905 17.7702 16.9905 18.3202 16.6505 18.6502C16.3105 18.9902 15.7605 18.9902 15.4305 18.6502L13.4305 16.6502C13.0905 16.3102 13.0905 15.7602 13.4305 15.4302C13.7605 15.0902 14.3105 15.0902 14.6505 15.4302Z"
fill="#F95C5C"
/>
</g>
<g filter="url(#filter4_f_18_2315)">
<path
d="M17.0205 13.0502L19.0205 15.0502C19.3605 15.3902 19.3605 15.9402 19.0205 16.2702C18.6805 16.6102 18.1305 16.6102 17.8005 16.2702L15.8005 14.2702C15.4605 13.9302 15.4605 13.3802 15.8005 13.0502C16.1405 12.7202 16.6805 12.7202 17.0205 13.0502Z"
fill="#F95C5C"
/>
</g>
<g filter="url(#filter5_f_18_2315)">
<path
d="M19.4005 10.6802L21.4005 12.6802C21.7405 13.0202 21.7405 13.5702 21.4005 13.9002C21.0605 14.2402 20.5105 14.2402 20.1805 13.9002L18.1805 11.9002C17.8405 11.5602 17.8405 11.0102 18.1805 10.6802C18.5105 10.3402 19.0605 10.3402 19.4005 10.6802Z"
fill="#F95C5C"
/>
</g>
<g filter="url(#filter6_ii_18_2315)">
<path
d="M12.339 17.6991L14.339 19.6991C14.679 20.0391 14.679 20.5891 14.339 20.9191C13.999 21.2591 13.449 21.2591 13.119 20.9191L11.119 18.9191C10.779 18.5791 10.779 18.0291 11.119 17.6991C11.459 17.3691 12.009 17.3691 12.339 17.6991Z"
fill="#FFBCD4"
/>
</g>
<g filter="url(#filter7_ii_18_2315)">
<path
d="M14.719 15.3291L16.719 17.3291C17.059 17.6691 17.059 18.2191 16.719 18.5491C16.379 18.8891 15.829 18.8891 15.499 18.5491L13.499 16.5491C13.159 16.2091 13.159 15.6591 13.499 15.3291C13.829 14.9891 14.379 14.9891 14.719 15.3291Z"
fill="#FFBCD4"
/>
</g>
<g filter="url(#filter8_ii_18_2315)">
<path
d="M17.089 12.9491L19.089 14.9491C19.429 15.2891 19.429 15.8391 19.089 16.1691C18.749 16.5091 18.199 16.5091 17.869 16.1691L15.869 14.1691C15.529 13.8291 15.529 13.2791 15.869 12.9491C16.209 12.6191 16.749 12.6191 17.089 12.9491Z"
fill="#FFBCD4"
/>
</g>
<g filter="url(#filter9_ii_18_2315)">
<path
d="M19.469 10.5791L21.469 12.5791C21.809 12.9191 21.809 13.4691 21.469 13.7991C21.129 14.1391 20.579 14.1391 20.249 13.7991L18.249 11.7991C17.909 11.4591 17.909 10.9091 18.249 10.5791C18.579 10.2391 19.129 10.2391 19.469 10.5791Z"
fill="#FFBCD4"
/>
</g>
<defs>
<filter
id="filter0_i_18_2315"
x={2.09863}
y={2.07831}
width={28.2407}
height={28.2381}
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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.843137 0 0 0 0 0.607843 0 0 0 0 0.313726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2315"
/>
</filter>
<filter
id="filter1_i_18_2315"
x={3.5791}
y={3.52881}
width={24.8979}
height={25.1923}
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 dy={0.25} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.996078 0 0 0 0 0.458824 0 0 0 0 0.180392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2315"
/>
</filter>
<filter
id="filter2_f_18_2315"
x={10.5455}
y={17.3027}
width={4.22998}
height={4.22247}
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_2315"
/>
</filter>
<filter
id="filter3_f_18_2315"
x={12.9255}
y={14.9252}
width={4.22998}
height={4.22998}
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_2315"
/>
</filter>
<filter
id="filter4_f_18_2315"
x={15.2955}
y={12.5527}
width={4.22998}
height={4.22247}
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_2315"
/>
</filter>
<filter
id="filter5_f_18_2315"
x={17.6755}
y={10.1752}
width={4.22998}
height={4.22998}
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_2315"
/>
</filter>
<filter
id="filter6_ii_18_2315"
x={10.664}
y={17.2516}
width={4.12998}
height={4.12247}
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.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.815686 0 0 0 0 0.831373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2315"
/>
<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.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.952941 0 0 0 0 0.45098 0 0 0 0 0.678431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2315"
result="effect2_innerShadow_18_2315"
/>
</filter>
<filter
id="filter7_ii_18_2315"
x={13.044}
y={14.8741}
width={4.12998}
height={4.12998}
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.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.815686 0 0 0 0 0.831373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2315"
/>
<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.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.952941 0 0 0 0 0.45098 0 0 0 0 0.678431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2315"
result="effect2_innerShadow_18_2315"
/>
</filter>
<filter
id="filter8_ii_18_2315"
x={15.414}
y={12.5016}
width={4.12998}
height={4.12247}
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.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.815686 0 0 0 0 0.831373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2315"
/>
<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.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.952941 0 0 0 0 0.45098 0 0 0 0 0.678431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2315"
result="effect2_innerShadow_18_2315"
/>
</filter>
<filter
id="filter9_ii_18_2315"
x={17.794}
y={10.1241}
width={4.12998}
height={4.12998}
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.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.815686 0 0 0 0 0.831373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2315"
/>
<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.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.952941 0 0 0 0 0.45098 0 0 0 0 0.678431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2315"
result="effect2_innerShadow_18_2315"
/>
</filter>
<radialGradient
id="paint0_radial_18_2315"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.2713 7.96723) rotate(135.69) scale(28.9845 19.3945)"
>
<stop stopColor="#FFD96B" />
<stop offset={0.625776} stopColor="#F3AA36" />
<stop offset={1} stopColor="#E4843C" />
</radialGradient>
<radialGradient
id="paint1_radial_18_2315"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.6418 10.3376) rotate(82.681) scale(21.7075 28.0816)"
>
<stop offset={0.758017} stopColor="#F47490" stopOpacity={0} />
<stop offset={1} stopColor="#F47490" />
</radialGradient>
<linearGradient
id="paint2_linear_18_2315"
x1={27.25}
y1={5.29272}
x2={4.23452}
y2={28.4711}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF8D58" />
<stop offset={1} stopColor="#FF5941" />
</linearGradient>
<linearGradient
id="paint3_linear_18_2315"
x1={4.70925}
y1={27.9846}
x2={13.2193}
y2={21.8148}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F04A54" />
<stop offset={1} stopColor="#F04A54" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = RugbyFootballIcon;