@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
483 lines (482 loc) • 15.2 kB
JSX
const React = require("react");
const HighSpeedTrainIcon = ({ 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}
<path
d="M29.99 21H2.00995V24H29.99V21Z"
fill="url(#paint0_linear_18_9167)"
/>
<path
d="M29.99 21H2.00995V24H29.99V21Z"
fill="url(#paint1_radial_18_9167)"
/>
<path
d="M4.00995 30V24H7.00995V30H4.00995Z"
fill="url(#paint2_radial_18_9167)"
/>
<path
d="M11.0099 30V24H14.0099V30H11.0099Z"
fill="url(#paint3_radial_18_9167)"
/>
<path
d="M17.9999 30V24H20.9899V30H17.9999Z"
fill="url(#paint4_radial_18_9167)"
/>
<path
d="M24.9899 30V24H27.9899V30H24.9899Z"
fill="url(#paint5_radial_18_9167)"
/>
<g filter="url(#filter0_i_18_9167)">
<path
d="M29.99 21H9.00995L10.41 22.41C10.79 22.79 11.2999 23 11.8299 23H29.9999V21H29.99Z"
fill="url(#paint6_linear_18_9167)"
/>
<path
d="M29.99 21H9.00995L10.41 22.41C10.79 22.79 11.2999 23 11.8299 23H29.9999V21H29.99Z"
fill="url(#paint7_linear_18_9167)"
/>
</g>
<g filter="url(#filter1_i_18_9167)">
<path
d="M15.0999 8.52C15.6799 8.18 16.3499 8 17.0199 8H29.99V21H7.81995C5.70995 21 4.00995 19.29 4.00995 17.19C4.00995 15.9 4.65995 14.7 5.72995 14L15.0999 8.52Z"
fill="url(#paint8_linear_18_9167)"
/>
<path
d="M15.0999 8.52C15.6799 8.18 16.3499 8 17.0199 8H29.99V21H7.81995C5.70995 21 4.00995 19.29 4.00995 17.19C4.00995 15.9 4.65995 14.7 5.72995 14L15.0999 8.52Z"
fill="url(#paint9_linear_18_9167)"
/>
</g>
<path
d="M15.0999 8.52C15.6799 8.18 16.3499 8 17.0199 8H29.99V21H7.81995C5.70995 21 4.00995 19.29 4.00995 17.19C4.00995 15.9 4.65995 14.7 5.72995 14L15.0999 8.52Z"
fill="url(#paint10_linear_18_9167)"
/>
<g filter="url(#filter2_i_18_9167)">
<path
d="M7.81993 21H29.9899V19H4.48993C5.12993 20.19 6.37993 21 7.81993 21Z"
fill="url(#paint11_linear_18_9167)"
/>
</g>
<path
d="M4.48997 19H30V18H4.09998C4.17998 18.36 4.31997 18.69 4.48997 19Z"
fill="url(#paint12_linear_18_9167)"
/>
<g filter="url(#filter3_i_18_9167)">
<path
d="M12.9999 17H10.9999C10.4499 17 9.99994 16.55 9.99994 16C9.99994 15.45 10.4499 15 10.9999 15H12.9999C13.5499 15 13.9999 15.45 13.9999 16C13.9999 16.56 13.5499 17 12.9999 17Z"
fill="url(#paint13_radial_18_9167)"
/>
</g>
<path
d="M29.9899 14H22.9399C22.4099 14 21.9899 13.57 21.9899 13.05V9.96001C21.9899 9.43001 22.4199 9.01001 22.9399 9.01001H29.9899V14Z"
fill="url(#paint14_radial_18_9167)"
/>
<path
d="M29.9899 14H22.9399C22.4099 14 21.9899 13.57 21.9899 13.05V9.96001C21.9899 9.43001 22.4199 9.01001 22.9399 9.01001H29.9899V14Z"
fill="url(#paint15_linear_18_9167)"
/>
<path
d="M29.9899 14H22.9399C22.4099 14 21.9899 13.57 21.9899 13.05V9.96001C21.9899 9.43001 22.4199 9.01001 22.9399 9.01001H29.9899V14Z"
fill="url(#paint16_linear_18_9167)"
/>
<path
d="M18.0499 9H14.2899L7.61993 12.9C7.61993 12.9 5.75993 13.99 5.73993 14H18.0599C18.5899 14 19.0099 13.57 19.0099 13.05V9.96C18.9999 9.43 18.5699 9 18.0499 9Z"
fill="url(#paint17_linear_18_9167)"
/>
<path
d="M18.0499 9H14.2899L7.61993 12.9C7.61993 12.9 5.75993 13.99 5.73993 14H18.0599C18.5899 14 19.0099 13.57 19.0099 13.05V9.96C18.9999 9.43 18.5699 9 18.0499 9Z"
fill="url(#paint18_linear_18_9167)"
/>
<path
d="M18.0499 9H14.2899L7.61993 12.9C7.61993 12.9 5.75993 13.99 5.73993 14H18.0599C18.5899 14 19.0099 13.57 19.0099 13.05V9.96C18.9999 9.43 18.5699 9 18.0499 9Z"
fill="url(#paint19_linear_18_9167)"
/>
<path
d="M18.0499 9H14.2899L7.61993 12.9C7.61993 12.9 5.75993 13.99 5.73993 14H18.0599C18.5899 14 19.0099 13.57 19.0099 13.05V9.96C18.9999 9.43 18.5699 9 18.0499 9Z"
fill="url(#paint20_linear_18_9167)"
/>
<defs>
<filter
id="filter0_i_18_9167"
x={9.00995}
y={20.7}
width={21.29}
height={2.3}
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.3} dy={-0.3} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.192157 0 0 0 0 0.313726 0 0 0 0 0.623529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_9167"
/>
</filter>
<filter
id="filter1_i_18_9167"
x={4.00995}
y={8}
width={26.78}
height={13}
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.8} />
<feGaussianBlur stdDeviation={0.6} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.670588 0 0 0 0 0.631373 0 0 0 0 0.65098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_9167"
/>
</filter>
<filter
id="filter2_i_18_9167"
x={4.48993}
y={18.8}
width={26.5}
height={2.2}
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.2} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.141176 0 0 0 0 0.317647 0 0 0 0 0.607843 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_9167"
/>
</filter>
<filter
id="filter3_i_18_9167"
x={9.99994}
y={15}
width={4}
height={2}
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 />
<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.180392 0 0 0 0 0.0666667 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_9167"
/>
</filter>
<linearGradient
id="paint0_linear_18_9167"
x1={29.99}
y1={22.5013}
x2={2.00995}
y2={22.5013}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#532B82" />
<stop offset={1} stopColor="#231535" />
</linearGradient>
<radialGradient
id="paint1_radial_18_9167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.9648 22.3437) rotate(180) scale(9.46875 1.94032)"
>
<stop stopColor="#40305B" />
<stop offset={1} stopColor="#3D2D57" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_9167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.77734 29.7812) rotate(-90) scale(6.9375 2.96875)"
>
<stop offset={0.40991} stopColor="#5B4080" />
<stop offset={1} stopColor="#2D203F" />
</radialGradient>
<radialGradient
id="paint3_radial_18_9167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.7773 29.7812) rotate(-90) scale(6.9375 2.96875)"
>
<stop offset={0.40991} stopColor="#5B4080" />
<stop offset={1} stopColor="#2D203F" />
</radialGradient>
<radialGradient
id="paint4_radial_18_9167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.7581 29.7812) rotate(-90) scale(6.9375 2.95885)"
>
<stop offset={0.40991} stopColor="#5B4080" />
<stop offset={1} stopColor="#2D203F" />
</radialGradient>
<radialGradient
id="paint5_radial_18_9167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.7573 29.7812) rotate(-90) scale(6.9375 2.96875)"
>
<stop offset={0.40991} stopColor="#5B4080" />
<stop offset={1} stopColor="#2D203F" />
</radialGradient>
<linearGradient
id="paint6_linear_18_9167"
x1={29.9999}
y1={22.0032}
x2={10.7193}
y2={22.0032}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#409FFB" />
<stop offset={1} stopColor="#456BB0" />
</linearGradient>
<linearGradient
id="paint7_linear_18_9167"
x1={19.5049}
y1={20.6875}
x2={19.5049}
y2={21.1719}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#295BB2" />
<stop offset={1} stopColor="#295BB2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_9167"
x1={23.6266}
y1={16.1835}
x2={23.6266}
y2={8}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ECDFF2" />
<stop offset={1} stopColor="#F4F4F4" />
<stop offset={1} stopColor="#EFE8F1" />
</linearGradient>
<linearGradient
id="paint9_linear_18_9167"
x1={4.6442}
y1={21}
x2={16.2786}
y2={21}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D7CCD7" />
<stop offset={1} stopColor="#D7CCD7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_9167"
x1={29.99}
y1={15.6332}
x2={29.8073}
y2={15.6332}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F0EFF1" />
<stop offset={1} stopColor="#F0EFF1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_9167"
x1={17.2399}
y1={19.2886}
x2={17.2399}
y2={21}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.352902} stopColor="#50A9E4" />
<stop offset={1} stopColor="#3D7AC3" />
</linearGradient>
<linearGradient
id="paint12_linear_18_9167"
x1={30}
y1={18.503}
x2={4.09998}
y2={18.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6CF0FF" />
<stop offset={0.930352} stopColor="#70FBFF" />
<stop offset={0.991717} stopColor="#5DC9ED" />
</linearGradient>
<radialGradient
id="paint13_radial_18_9167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.5228 16.003) scale(3.75568 1.64929)"
>
<stop stopColor="#FF6D46" />
<stop offset={1} stopColor="#F43A21" />
</radialGradient>
<radialGradient
id="paint14_radial_18_9167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.0857 8.03614) rotate(88.3397) scale(4.38841 7.64789)"
>
<stop offset={0.117309} stopColor="#0686FB" />
<stop offset={1} stopColor="#50E9FF" />
</radialGradient>
<linearGradient
id="paint15_linear_18_9167"
x1={25.9899}
y1={8.50144}
x2={25.9899}
y2={9.87494}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#037FF5" />
<stop offset={1} stopColor="#037FF5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_9167"
x1={25.9899}
y1={14.2785}
x2={25.9899}
y2={13.2579}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2DD4FF" />
<stop offset={1} stopColor="#2DD4FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint17_linear_18_9167"
x1={8.81338}
y1={14}
x2={19.4164}
y2={10.2961}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#59FDFF" />
<stop offset={1} stopColor="#218FEA" />
</linearGradient>
<linearGradient
id="paint18_linear_18_9167"
x1={14.4912}
y1={14.3663}
x2={14.4912}
y2={13.135}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#1C9CE3" />
<stop offset={1} stopColor="#1C9CE3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint19_linear_18_9167"
x1={5.25623}
y1={14.7426}
x2={12.3749}
y2={14}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5BFFFF" />
<stop offset={1} stopColor="#5BFFFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint20_linear_18_9167"
x1={14.3543}
y1={8.31231}
x2={14.3543}
y2={10.6724}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#047DE4" />
<stop offset={1} stopColor="#047DE4" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = HighSpeedTrainIcon;