@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
428 lines (427 loc) • 14.4 kB
JSX
const React = require("react");
const IceHockeyIcon = ({ 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_2515)">
<path
d="M14.76 20.3911H6.09C3.83 20.3911 2 22.2211 2 24.4811C2 26.7411 3.83 28.5711 6.09 28.5711H14.76C17.72 28.5711 20.4 26.8411 21.61 24.1411L29.85 5.80113C29.95 5.58113 30 5.35113 30 5.11113C30 3.30113 27.53 2.77113 26.79 4.42113L21.61 15.9511C20.39 18.6611 17.71 20.3911 14.76 20.3911Z"
fill="#FFBEAF"
/>
<path
d="M14.76 20.3911H6.09C3.83 20.3911 2 22.2211 2 24.4811C2 26.7411 3.83 28.5711 6.09 28.5711H14.76C17.72 28.5711 20.4 26.8411 21.61 24.1411L29.85 5.80113C29.95 5.58113 30 5.35113 30 5.11113C30 3.30113 27.53 2.77113 26.79 4.42113L21.61 15.9511C20.39 18.6611 17.71 20.3911 14.76 20.3911Z"
fill="url(#paint0_radial_18_2515)"
/>
<path
d="M14.76 20.3911H6.09C3.83 20.3911 2 22.2211 2 24.4811C2 26.7411 3.83 28.5711 6.09 28.5711H14.76C17.72 28.5711 20.4 26.8411 21.61 24.1411L29.85 5.80113C29.95 5.58113 30 5.35113 30 5.11113C30 3.30113 27.53 2.77113 26.79 4.42113L21.61 15.9511C20.39 18.6611 17.71 20.3911 14.76 20.3911Z"
fill="url(#paint1_radial_18_2515)"
/>
<path
d="M14.76 20.3911H6.09C3.83 20.3911 2 22.2211 2 24.4811C2 26.7411 3.83 28.5711 6.09 28.5711H14.76C17.72 28.5711 20.4 26.8411 21.61 24.1411L29.85 5.80113C29.95 5.58113 30 5.35113 30 5.11113C30 3.30113 27.53 2.77113 26.79 4.42113L21.61 15.9511C20.39 18.6611 17.71 20.3911 14.76 20.3911Z"
fill="url(#paint2_radial_18_2515)"
/>
</g>
<path
d="M9.99997 20.3911H7.19998L6.09998 28.5811H8.89996L9.99997 20.3911Z"
fill="#D4C9D8"
/>
<path
d="M9.99997 20.3911H7.19998L6.09998 28.5811H8.89996L9.99997 20.3911Z"
fill="url(#paint3_linear_18_2515)"
/>
<path
d="M9.99997 20.3911H7.19998L6.09998 28.5811H8.89996L9.99997 20.3911Z"
fill="url(#paint4_linear_18_2515)"
/>
<path
d="M9.99997 20.3911H7.19998L6.09998 28.5811H8.89996L9.99997 20.3911Z"
fill="url(#paint5_radial_18_2515)"
/>
<path
d="M12.8 20.3911H10L8.90002 28.5811H11.7L12.8 20.3911Z"
fill="#D4C9D8"
/>
<path
d="M12.8 20.3911H10L8.90002 28.5811H11.7L12.8 20.3911Z"
fill="url(#paint6_linear_18_2515)"
/>
<path
d="M12.8 20.3911H10L8.90002 28.5811H11.7L12.8 20.3911Z"
fill="url(#paint7_linear_18_2515)"
/>
<path
d="M12.8003 20.3911H14.76C15.0418 20.3911 15.3212 20.3753 15.5971 20.3444L14.5013 28.5711H11.7014L12.8003 20.3911Z"
fill="url(#paint8_linear_18_2515)"
/>
<path
d="M12.8003 20.3911H14.76C15.0418 20.3911 15.3212 20.3753 15.5971 20.3444L14.5013 28.5711H11.7014L12.8003 20.3911Z"
fill="url(#paint9_linear_18_2515)"
/>
<g filter="url(#filter1_i_18_2515)">
<path
d="M26.79 4.4311L20.9 17.2011L23.99 18.8511L29.85 5.80113C29.95 5.58113 30 5.35113 30 5.11113C30 3.31113 27.54 2.7811 26.79 4.4311Z"
fill="url(#paint10_radial_18_2515)"
/>
</g>
<g filter="url(#filter2_i_18_2515)">
<path
d="M26.79 4.4311L25.14 8.00111L28.25 9.37111L29.85 5.81111C29.95 5.59111 30 5.36111 30 5.12111C30 3.31111 27.54 2.7811 26.79 4.4311Z"
fill="#634DA2"
/>
<path
d="M26.79 4.4311L25.14 8.00111L28.25 9.37111L29.85 5.81111C29.95 5.59111 30 5.36111 30 5.12111C30 3.31111 27.54 2.7811 26.79 4.4311Z"
fill="url(#paint11_radial_18_2515)"
/>
</g>
<g filter="url(#filter3_ii_18_2515)">
<path
d="M29.12 24.9711H23.65C23.16 24.9711 22.77 25.3711 22.77 25.8511V27.6911C22.77 28.1811 23.17 28.5711 23.65 28.5711H29.12C29.61 28.5711 30 28.1711 30 27.6911V25.8511C30 25.3611 29.61 24.9711 29.12 24.9711Z"
fill="url(#paint12_linear_18_2515)"
/>
<path
d="M29.12 24.9711H23.65C23.16 24.9711 22.77 25.3711 22.77 25.8511V27.6911C22.77 28.1811 23.17 28.5711 23.65 28.5711H29.12C29.61 28.5711 30 28.1711 30 27.6911V25.8511C30 25.3611 29.61 24.9711 29.12 24.9711Z"
fill="url(#paint13_linear_18_2515)"
/>
</g>
<defs>
<filter
id="filter0_ii_18_2515"
x={2}
y={2.82889}
width={28}
height={26.3422}
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.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.956863 0 0 0 0 0.494118 0 0 0 0 0.701961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2515"
/>
<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.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.898039 0 0 0 0 0.635294 0 0 0 0 0.458824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2515"
result="effect2_innerShadow_18_2515"
/>
</filter>
<filter
id="filter1_i_18_2515"
x={20.9}
y={3.43817}
width={9.09998}
height={16.4129}
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={1} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.807843 0 0 0 0 0.270588 0 0 0 0 0.317647 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2515"
/>
</filter>
<filter
id="filter2_i_18_2515"
x={25.14}
y={3.43887}
width={5.25999}
height={6.33224}
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.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.356863 0 0 0 0 0.286275 0 0 0 0 0.45098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2515"
/>
</filter>
<filter
id="filter3_ii_18_2515"
x={22.37}
y={24.9711}
width={8.02998}
height={3.60001}
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} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.376471 0 0 0 0 0.235294 0 0 0 0 0.52549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2515"
/>
<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} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.454902 0 0 0 0 0.431373 0 0 0 0 0.729412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2515"
result="effect2_innerShadow_18_2515"
/>
</filter>
<radialGradient
id="paint0_radial_18_2515"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.9826 24.8539) rotate(3.32741) scale(3.66717 6.85412)"
>
<stop stopColor="#FFD1BA" />
<stop offset={1} stopColor="#FFD1BA" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint1_radial_18_2515"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.4446 24.3724) rotate(-180) scale(14.4446 8.37243)"
>
<stop offset={0.885559} stopColor="#EE9B76" stopOpacity={0} />
<stop offset={1} stopColor="#EE9B76" />
</radialGradient>
<radialGradient
id="paint2_radial_18_2515"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.90279 23.9576) rotate(98.6157) scale(5.76944 0.97573)"
>
<stop stopColor="#FCA095" />
<stop offset={1} stopColor="#FCA095" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_2515"
x1={6.45721}
y1={24.5709}
x2={6.99539}
y2={24.6524}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B799B0" />
<stop offset={1} stopColor="#B799B0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_2515"
x1={9.99997}
y1={23.9258}
x2={8.72977}
y2={23.7696}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A496A3" />
<stop offset={1} stopColor="#A496A3" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_2515"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.81039 19.6095) rotate(147.572) scale(2.27988 1.14218)"
>
<stop offset={0.297109} stopColor="#D8CFDA" />
<stop offset={1} stopColor="#D8CFDA" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_2515"
x1={9.25726}
y1={24.5709}
x2={9.79544}
y2={24.6524}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AB9BA4" />
<stop offset={1} stopColor="#AB9BA4" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_2515"
x1={12.8}
y1={23.9258}
x2={11.8254}
y2={23.8043}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A496A3" />
<stop offset={1} stopColor="#A496A3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_2515"
x1={12.5947}
y1={24.94}
x2={15.3058}
y2={25.2698}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C8BBC9" />
<stop offset={1} stopColor="#FCF0FE" />
</linearGradient>
<linearGradient
id="paint9_linear_18_2515"
x1={11.8241}
y1={24.2859}
x2={13.0501}
y2={24.4577}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A99BAD" />
<stop offset={1} stopColor="#A99BAD" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_18_2515"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5767 9.5066) rotate(114.8) scale(11.0444 4.06079)"
>
<stop offset={0.340558} stopColor="#FF418D" />
<stop offset={1} stopColor="#FD2F60" />
</radialGradient>
<radialGradient
id="paint11_radial_18_2515"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(30 4.62323) rotate(147.983) scale(1.65066 1.81802)"
>
<stop stopColor="#7A72B9" />
<stop offset={1} stopColor="#7A72B9" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint12_linear_18_2515"
x1={29.4596}
y1={26.7711}
x2={22.77}
y2={26.7711}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6852B9" />
<stop offset={1} stopColor="#6548A0" />
</linearGradient>
<linearGradient
id="paint13_linear_18_2515"
x1={26.385}
y1={28.9571}
x2={26.385}
y2={27.9258}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6436A0" />
<stop offset={1} stopColor="#6436A0" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = IceHockeyIcon;