@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
257 lines (256 loc) • 10.2 kB
JSX
const React = require("react");
const FieldHockeyIcon = ({ 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_2483)">
<path
d="M25.2317 2.44801L12.3609 23.8832C11.8107 24.8029 10.6045 25.1088 9.67974 24.552C8.75336 24.0057 8.44531 22.808 9.00614 21.8898L9.77097 20.5051C10.5235 19.2492 10.1074 17.6157 8.84256 16.8686C7.57768 16.1214 5.93248 16.5345 5.17996 17.7903L4.08414 19.7183C2.20363 22.8527 3.23104 26.913 6.39695 28.7922C9.55384 30.6593 13.6433 29.6392 15.536 26.4958L28.7271 4.51598C28.986 4.09138 28.8408 3.54233 28.4131 3.28521L26.4713 2.13633C26.0314 1.88817 25.48 2.02185 25.2317 2.44801Z"
fill="#FFC4B5"
/>
</g>
<path
d="M25.2317 2.44801L12.3609 23.8832C11.8107 24.8029 10.6045 25.1088 9.67974 24.552C8.75336 24.0057 8.44531 22.808 9.00614 21.8898L9.77097 20.5051C10.5235 19.2492 10.1074 17.6157 8.84256 16.8686C7.57768 16.1214 5.93248 16.5345 5.17996 17.7903L4.08414 19.7183C2.20363 22.8527 3.23104 26.913 6.39695 28.7922C9.55384 30.6593 13.6433 29.6392 15.536 26.4958L28.7271 4.51598C28.986 4.09138 28.8408 3.54233 28.4131 3.28521L26.4713 2.13633C26.0314 1.88817 25.48 2.02185 25.2317 2.44801Z"
fill="url(#paint0_radial_18_2483)"
/>
<path
d="M25.2317 2.44801L12.3609 23.8832C11.8107 24.8029 10.6045 25.1088 9.67974 24.552C8.75336 24.0057 8.44531 22.808 9.00614 21.8898L9.77097 20.5051C10.5235 19.2492 10.1074 17.6157 8.84256 16.8686C7.57768 16.1214 5.93248 16.5345 5.17996 17.7903L4.08414 19.7183C2.20363 22.8527 3.23104 26.913 6.39695 28.7922C9.55384 30.6593 13.6433 29.6392 15.536 26.4958L28.7271 4.51598C28.986 4.09138 28.8408 3.54233 28.4131 3.28521L26.4713 2.13633C26.0314 1.88817 25.48 2.02185 25.2317 2.44801Z"
fill="url(#paint1_radial_18_2483)"
/>
<path
d="M25.2317 2.44801L12.3609 23.8832C11.8107 24.8029 10.6045 25.1088 9.67974 24.552C8.75336 24.0057 8.44531 22.808 9.00614 21.8898L9.77097 20.5051C10.5235 19.2492 10.1074 17.6157 8.84256 16.8686C7.57768 16.1214 5.93248 16.5345 5.17996 17.7903L4.08414 19.7183C2.20363 22.8527 3.23104 26.913 6.39695 28.7922C9.55384 30.6593 13.6433 29.6392 15.536 26.4958L28.7271 4.51598C28.986 4.09138 28.8408 3.54233 28.4131 3.28521L26.4713 2.13633C26.0314 1.88817 25.48 2.02185 25.2317 2.44801Z"
fill="url(#paint2_radial_18_2483)"
/>
<path
d="M18.7809 21.0888L15.2822 19.018L13.9202 21.2863L17.4195 23.3573L18.7809 21.0888Z"
fill="url(#paint3_linear_18_2483)"
/>
<path
d="M18.7809 21.0888L15.2822 19.018L13.9202 21.2863L17.4195 23.3573L18.7809 21.0888Z"
fill="url(#paint4_linear_18_2483)"
/>
<path
d="M21.8212 16.0231L18.3239 13.9523L17.5947 15.1667L21.0923 17.2376L21.8212 16.0231Z"
fill="url(#paint5_linear_18_2483)"
/>
<path
d="M22.4859 14.9154L28.7271 4.51599C28.986 4.09137 28.8408 3.54232 28.4131 3.28521L26.4713 2.13632C26.0314 1.88818 25.48 2.02185 25.2317 2.44803L18.9808 12.8583L22.4859 14.9154Z"
fill="#5B1F63"
/>
<path
d="M22.4859 14.9154L28.7271 4.51599C28.986 4.09137 28.8408 3.54232 28.4131 3.28521L26.4713 2.13632C26.0314 1.88818 25.48 2.02185 25.2317 2.44803L18.9808 12.8583L22.4859 14.9154Z"
fill="url(#paint6_linear_18_2483)"
/>
<path
d="M22.4859 14.9154L28.7271 4.51599C28.986 4.09137 28.8408 3.54232 28.4131 3.28521L26.4713 2.13632C26.0314 1.88818 25.48 2.02185 25.2317 2.44803L18.9808 12.8583L22.4859 14.9154Z"
fill="url(#paint7_linear_18_2483)"
/>
<path
d="M22.4859 14.9154L28.7271 4.51599C28.986 4.09137 28.8408 3.54232 28.4131 3.28521L26.4713 2.13632C26.0314 1.88818 25.48 2.02185 25.2317 2.44803L18.9808 12.8583L22.4859 14.9154Z"
fill="url(#paint8_radial_18_2483)"
/>
<path
d="M21.9291 29.9024C23.7113 29.9024 25.1561 28.4576 25.1561 26.6754C25.1561 24.8931 23.7113 23.4483 21.9291 23.4483C20.1468 23.4483 18.702 24.8931 18.702 26.6754C18.702 28.4576 20.1468 29.9024 21.9291 29.9024Z"
fill="url(#paint9_radial_18_2483)"
/>
<path
d="M21.9291 29.9024C23.7113 29.9024 25.1561 28.4576 25.1561 26.6754C25.1561 24.8931 23.7113 23.4483 21.9291 23.4483C20.1468 23.4483 18.702 24.8931 18.702 26.6754C18.702 28.4576 20.1468 29.9024 21.9291 29.9024Z"
fill="url(#paint10_radial_18_2483)"
/>
<g filter="url(#filter1_f_18_2483)">
<path
d="M7.21335 21.6403C7.04709 22.3988 7.07618 24.184 8.52263 25.2564"
stroke="#FFDCC4"
strokeWidth={2}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_i_18_2483"
x={3.14423}
y={2.01212}
width={26.4616}
height={28.4633}
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.75} dy={0.75} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.878431 0 0 0 0 0.588235 0 0 0 0 0.470588 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2483"
/>
</filter>
<filter
id="filter1_f_18_2483"
x={4.39624}
y={18.89}
width={6.87646}
height={9.11639}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.875}
result="effect1_foregroundBlur_18_2483"
/>
</filter>
<radialGradient
id="paint0_radial_18_2483"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.5153 12.0289) rotate(93.764) scale(18.9945 14.3285)"
>
<stop offset={0.797664} stopColor="#FF7CC2" stopOpacity={0} />
<stop offset={0.970178} stopColor="#FF7CC2" />
</radialGradient>
<radialGradient
id="paint1_radial_18_2483"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.73845 17.9518) rotate(151.661) scale(3.15223 3.2179)"
>
<stop stopColor="#FFDDD4" />
<stop offset={1} stopColor="#FFDDD4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_2483"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 25.5912) rotate(-152.204) scale(14.3135 15.59)"
>
<stop offset={0.855614} stopColor="#B98B76" stopOpacity={0} />
<stop offset={0.955196} stopColor="#B98B76" />
</radialGradient>
<linearGradient
id="paint3_linear_18_2483"
x1={15.6265}
y1={20.3198}
x2={18.7809}
y2={21.9971}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DFD0ED" />
<stop offset={1} stopColor="#F2DFFF" />
</linearGradient>
<linearGradient
id="paint4_linear_18_2483"
x1={14.3258}
y1={20.1486}
x2={15.6608}
y2={20.9359}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C6BFC3" />
<stop offset={1} stopColor="#C6BFC3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_2483"
x1={17.5947}
y1={14.9457}
x2={20.898}
y2={16.931}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#431445" />
<stop offset={1} stopColor="#5C1B65" />
</linearGradient>
<linearGradient
id="paint6_linear_18_2483"
x1={21.8222}
y1={8.13399}
x2={24.4236}
y2={9.57164}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3E203E" />
<stop offset={1} stopColor="#3E203E" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_2483"
x1={25.8527}
y1={9.62299}
x2={25.382}
y2={9.33204}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#571C5C" />
<stop offset={1} stopColor="#571C5C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_18_2483"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.838 3.51297) rotate(119.867) scale(0.996676 2.7641)"
>
<stop offset={0.103809} stopColor="#663B67" />
<stop offset={0.380588} stopColor="#663B67" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_2483"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.5679 25.5912) rotate(135.463) scale(6.14681)"
>
<stop offset={0.179537} stopColor="#F5F1F9" />
<stop offset={0.896932} stopColor="#D0C2CC" />
</radialGradient>
<radialGradient
id="paint10_radial_18_2483"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.0765 30.2464) rotate(-67.2394) scale(4.78853 5.12675)"
>
<stop stopColor="#E2BBFF" />
<stop offset={1} stopColor="#E2BBFF" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = FieldHockeyIcon;