@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
627 lines (626 loc) • 20.2 kB
JSX
const React = require("react");
const AmericanFootballIcon = ({ 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_ii_18_2267)">
<path
d="M29.8217 5.77502C32.0721 19.695 20.0398 31.735 6.11706 29.475C4.18668 29.165 2.67639 27.655 2.36633 25.725C0.115889 11.805 12.1482 -0.23498 26.0709 2.02502C27.9913 2.33502 29.5016 3.84502 29.8217 5.77502Z"
fill="url(#paint0_linear_18_2267)"
/>
<path
d="M29.8217 5.77502C32.0721 19.695 20.0398 31.735 6.11706 29.475C4.18668 29.165 2.67639 27.655 2.36633 25.725C0.115889 11.805 12.1482 -0.23498 26.0709 2.02502C27.9913 2.33502 29.5016 3.84502 29.8217 5.77502Z"
fill="url(#paint1_radial_18_2267)"
/>
</g>
<path
d="M29.8217 5.77502C32.0721 19.695 20.0398 31.735 6.11706 29.475C4.18668 29.165 2.67639 27.655 2.36633 25.725C0.115889 11.805 12.1482 -0.23498 26.0709 2.02502C27.9913 2.33502 29.5016 3.84502 29.8217 5.77502Z"
fill="url(#paint2_radial_18_2267)"
/>
<g filter="url(#filter1_f_18_2267)">
<path d="M13.344 16L15.344 18" stroke="#784047" strokeLinecap="round" />
</g>
<g filter="url(#filter2_f_18_2267)">
<path
d="M10.844 18.5L12.844 20.5"
stroke="#784047"
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18_2267)">
<path
d="M15.844 13.5L17.844 15.5"
stroke="#784047"
strokeLinecap="round"
/>
</g>
<g filter="url(#filter4_f_18_2267)">
<path
d="M18.6975 10.6464C18.5023 10.4512 18.1857 10.4512 17.9904 10.6464C17.7952 10.8417 17.7952 11.1583 17.9904 11.3536L18.6975 10.6464ZM19.9904 13.3536C20.1857 13.5488 20.5023 13.5488 20.6975 13.3536C20.8928 13.1583 20.8928 12.8417 20.6975 12.6464L19.9904 13.3536ZM17.9904 11.3536L19.9904 13.3536L20.6975 12.6464L18.6975 10.6464L17.9904 11.3536Z"
fill="#784047"
/>
</g>
<g filter="url(#filter5_f_18_2267)">
<path
d="M28.3283 16.019C28.7076 15.0181 29.0061 13.9787 29.2158 12.9088L18.9014 2.59442C17.8314 2.8039 16.7918 3.10232 15.7909 3.48156L28.3283 16.019Z"
fill="#6D3940"
/>
</g>
<g filter="url(#filter6_f_18_2267)">
<path
d="M13.0784 29.0944C14.1434 28.8701 14.3909 27.9382 16.3755 28.3838L3.61729 15.6255C4.85962 18.0632 4.96899 18.4225 2.68884 18.7194L13.0784 29.0944Z"
fill="#6D3940"
/>
</g>
<path
d="M28.7713 16.3776C29.1737 15.3154 29.4905 14.2123 29.7131 13.0768L18.7666 2.13031C17.631 2.35263 16.5277 2.66933 15.4655 3.07182L28.7713 16.3776Z"
fill="url(#paint3_radial_18_2267)"
/>
<path
d="M28.7713 16.3776C29.1737 15.3154 29.4905 14.2123 29.7131 13.0768L18.7666 2.13031C17.631 2.35263 16.5277 2.66933 15.4655 3.07182L28.7713 16.3776Z"
fill="url(#paint4_linear_18_2267)"
/>
<path
d="M13.7056 29.312C14.8289 29.0754 15.9196 28.7462 16.9692 28.3329L3.51202 14.8758C3.09878 15.9253 2.76953 17.0159 2.53271 18.1391L13.7056 29.312Z"
fill="url(#paint5_radial_18_2267)"
/>
<path
d="M13.7056 29.312C14.8289 29.0754 15.9196 28.7462 16.9692 28.3329L3.51202 14.8758C3.09878 15.9253 2.76953 17.0159 2.53271 18.1391L13.7056 29.312Z"
fill="url(#paint6_linear_18_2267)"
/>
<path
d="M13.7056 29.312C14.8289 29.0754 15.9196 28.7462 16.9692 28.3329L3.51202 14.8758C3.09878 15.9253 2.76953 17.0159 2.53271 18.1391L13.7056 29.312Z"
fill="url(#paint7_linear_18_2267)"
/>
<path
d="M13.7056 29.312C14.8289 29.0754 15.9196 28.7462 16.9692 28.3329L3.51202 14.8758C3.09878 15.9253 2.76953 17.0159 2.53271 18.1391L13.7056 29.312Z"
fill="url(#paint8_linear_18_2267)"
/>
<path
d="M13.7056 29.312C14.8289 29.0754 15.9196 28.7462 16.9692 28.3329L3.51202 14.8758C3.09878 15.9253 2.76953 17.0159 2.53271 18.1391L13.7056 29.312Z"
fill="url(#paint9_radial_18_2267)"
/>
<g filter="url(#filter7_ii_18_2267)">
<path
d="M13.594 15.7507L15.594 17.7507"
stroke="#DAD4E6"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter8_ii_18_2267)">
<path
d="M11.094 18.2507L13.094 20.2507"
stroke="#DAD4E6"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter9_ii_18_2267)">
<path
d="M16.094 13.2507L18.094 15.2507"
stroke="#DAD4E6"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter10_ii_18_2267)">
<path
d="M19.1243 10.2203C18.8314 9.92745 18.3566 9.92745 18.0637 10.2203C17.7708 10.5132 17.7708 10.9881 18.0637 11.281L19.1243 10.2203ZM20.0637 13.281C20.3566 13.5739 20.8314 13.5739 21.1243 13.281C21.4172 12.9881 21.4172 12.5132 21.1243 12.2203L20.0637 13.281ZM18.0637 11.281L20.0637 13.281L21.1243 12.2203L19.1243 10.2203L18.0637 11.281Z"
fill="#DAD4E6"
/>
</g>
<defs>
<filter
id="filter0_ii_18_2267"
x={1.69399}
y={1.35067}
width={28.8}
height={28.7987}
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.4} dy={0.4} />
<feGaussianBlur stdDeviation={0.6} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.454902 0 0 0 0 0.352941 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2267"
/>
<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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.6} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.498039 0 0 0 0 0.341176 0 0 0 0 0.454902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2267"
result="effect2_innerShadow_18_2267"
/>
</filter>
<filter
id="filter1_f_18_2267"
x={12.594}
y={15.25}
width={3.5}
height={3.5}
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_2267"
/>
</filter>
<filter
id="filter2_f_18_2267"
x={10.094}
y={17.75}
width={3.5}
height={3.5}
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_2267"
/>
</filter>
<filter
id="filter3_f_18_2267"
x={15.094}
y={12.75}
width={3.5}
height={3.5}
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_2267"
/>
</filter>
<filter
id="filter4_f_18_2267"
x={17.594}
y={10.25}
width={3.5}
height={3.5}
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_2267"
/>
</filter>
<filter
id="filter5_f_18_2267"
x={15.2909}
y={2.09442}
width={14.4249}
height={14.4246}
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_2267"
/>
</filter>
<filter
id="filter6_f_18_2267"
x={2.18884}
y={15.1255}
width={14.6866}
height={14.4689}
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_2267"
/>
</filter>
<filter
id="filter7_ii_18_2267"
x={12.644}
y={14.8007}
width={3.9}
height={3.9}
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 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2267"
/>
<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.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2267"
result="effect2_innerShadow_18_2267"
/>
</filter>
<filter
id="filter8_ii_18_2267"
x={10.144}
y={17.3007}
width={3.9}
height={3.9}
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 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2267"
/>
<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.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2267"
result="effect2_innerShadow_18_2267"
/>
</filter>
<filter
id="filter9_ii_18_2267"
x={15.144}
y={12.3007}
width={3.9}
height={3.9}
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 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2267"
/>
<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.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2267"
result="effect2_innerShadow_18_2267"
/>
</filter>
<filter
id="filter10_ii_18_2267"
x={17.644}
y={9.80067}
width={3.9}
height={3.9}
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 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2267"
/>
<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.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2267"
result="effect2_innerShadow_18_2267"
/>
</filter>
<linearGradient
id="paint0_linear_18_2267"
x1={23.2158}
y1={7.7204}
x2={4.12205}
y2={28.298}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8C5949" />
<stop offset={1} stopColor="#6C4140" />
</linearGradient>
<radialGradient
id="paint1_radial_18_2267"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.6536 3.86879) rotate(74.5998) scale(26.4478 26.4491)"
>
<stop offset={0.791485} stopColor="#743B6C" stopOpacity={0} />
<stop offset={1} stopColor="#743B6C" />
</radialGradient>
<radialGradient
id="paint2_radial_18_2267"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(31.5647 2.47161) rotate(135) scale(22.5567 4.896)"
>
<stop stopColor="#AB8072" />
<stop offset={1} stopColor="#AB8072" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_2267"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.0035 9.25397) rotate(135) scale(5.10058 9.48151)"
>
<stop stopColor="#F5F1F8" />
<stop offset={1} stopColor="#B8B8B8" />
</radialGradient>
<linearGradient
id="paint4_linear_18_2267"
x1={21.8322}
y1={9.57166}
x2={22.1096}
y2={9.29364}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#998FA0" />
<stop offset={1} stopColor="#998FA0" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_2267"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.513 24.1335) rotate(139.764) scale(5.78191 10.748)"
>
<stop stopColor="#BFA9D8" />
<stop offset={1} stopColor="#B8B8B8" />
<stop offset={1} stopColor="#9F96A7" />
</radialGradient>
<linearGradient
id="paint6_linear_18_2267"
x1={1.04755}
y1={14.8758}
x2={8.51711}
y2={21.2233}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8D8B90" />
<stop offset={1} stopColor="#8D8B90" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_2267"
x1={7.81274}
y1={23.5632}
x2={8.08228}
y2={23.2936}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9778B6" />
<stop offset={1} stopColor="#9778B6" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_2267"
x1={15.3561}
y1={29.663}
x2={14.5316}
y2={27.2863}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AF87D2" />
<stop offset={1} stopColor="#AF87D2" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_2267"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.1723 25.5037) rotate(133.452) scale(0.513548 5.06971)"
>
<stop offset={0.318977} stopColor="#C3BCD9" />
<stop offset={1} stopColor="#C3BCD9" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = AmericanFootballIcon;