@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
552 lines (551 loc) • 18.7 kB
JSX
const React = require("react");
const RailwayTrackIcon = ({ 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_11793)">
<path
d="M5.82039 2.01709C3.7217 2.01709 2.02039 3.71841 2.02039 5.81709V18H30.0204V5.81709C30.0204 3.71841 28.3191 2.01709 26.2204 2.01709H5.82039Z"
fill="url(#paint0_linear_18_11793)"
/>
</g>
<g filter="url(#filter1_f_18_11793)">
<rect
x={4.54675}
y={4.54675}
width={22.9065}
height={22.9065}
rx={1.5}
stroke="url(#paint1_linear_18_11793)"
/>
</g>
<g filter="url(#filter2_i_18_11793)">
<path
d="M2.02039 12.0028V26.2C2.02039 28.2987 3.7217 30 5.82038 30H26.2204C28.3178 30 30.0183 28.3008 30.0204 26.2039V12C26.5261 12.005 24.7805 13.0926 23.0359 14.1796C21.2892 15.2679 19.5436 16.3555 16.0454 16.3555C12.5479 16.3555 10.7872 15.2665 9.02724 14.178C7.2685 13.0902 5.5104 12.0028 2.02039 12.0028Z"
fill="url(#paint2_linear_18_11793)"
/>
<path
d="M2.02039 12.0028V26.2C2.02039 28.2987 3.7217 30 5.82038 30H26.2204C28.3178 30 30.0183 28.3008 30.0204 26.2039V12C26.5261 12.005 24.7805 13.0926 23.0359 14.1796C21.2892 15.2679 19.5436 16.3555 16.0454 16.3555C12.5479 16.3555 10.7872 15.2665 9.02724 14.178C7.2685 13.0902 5.5104 12.0028 2.02039 12.0028Z"
fill="url(#paint3_radial_18_11793)"
/>
<path
d="M2.02039 12.0028V26.2C2.02039 28.2987 3.7217 30 5.82038 30H26.2204C28.3178 30 30.0183 28.3008 30.0204 26.2039V12C26.5261 12.005 24.7805 13.0926 23.0359 14.1796C21.2892 15.2679 19.5436 16.3555 16.0454 16.3555C12.5479 16.3555 10.7872 15.2665 9.02724 14.178C7.2685 13.0902 5.5104 12.0028 2.02039 12.0028Z"
fill="url(#paint4_radial_18_11793)"
/>
</g>
<path
d="M14.7335 16.2998C14.3701 16.2994 14.0814 16.2918 13.9404 16.2746L3.24286 28.9922C3.80939 29.5154 4.53552 29.8684 5.33997 29.9699H26.7008C27.4861 29.8708 28.1967 29.5321 28.7571 29.0293L18.085 16.2141C17.4751 16.3047 16.8011 16.3554 16.0453 16.3554C15.5785 16.3554 15.1426 16.336 14.7335 16.2998Z"
fill="url(#paint5_linear_18_11793)"
/>
<path
d="M14.7335 16.2998C14.3701 16.2994 14.0814 16.2918 13.9404 16.2746L3.24286 28.9922C3.80939 29.5154 4.53552 29.8684 5.33997 29.9699H26.7008C27.4861 29.8708 28.1967 29.5321 28.7571 29.0293L18.085 16.2141C17.4751 16.3047 16.8011 16.3554 16.0453 16.3554C15.5785 16.3554 15.1426 16.336 14.7335 16.2998Z"
fill="url(#paint6_linear_18_11793)"
/>
<g filter="url(#filter3_f_18_11793)">
<path
d="M25.161 24.9265C25.161 25.16 24.6897 25.1875 24.4347 25.1875H7.58071C7.32578 25.1875 6.95789 25.0873 6.95789 24.8451C6.95789 24.6115 7.00532 24.6369 7.18472 24.4552L8.69684 22.7668C8.85174 22.6244 8.99559 22.5837 9.20582 22.5837H22.9853C23.1734 22.5837 23.3541 22.638 23.4648 22.7736L24.918 24.5264C25.0879 24.7167 25.161 24.6929 25.161 24.9265Z"
fill="#271935"
/>
</g>
<g filter="url(#filter4_f_18_11793)">
<path
d="M21.0829 20.004C21.0829 20.1165 20.8228 20.1297 20.6821 20.1297H11.3797C11.239 20.1297 11.0359 20.0814 11.0359 19.9648C11.0359 19.8523 11.0621 19.8645 11.1611 19.7771L11.9957 18.964C12.0812 18.8954 12.1606 18.8759 12.2767 18.8759H19.8821C19.9859 18.8759 20.0856 18.902 20.1467 18.9673L20.9488 19.8113C21.0426 19.903 21.0829 19.8915 21.0829 20.004Z"
fill="#271935"
/>
</g>
<g filter="url(#filter5_f_18_11793)">
<path
d="M18.6454 17.008C18.6454 17.0659 18.5115 17.0727 18.4391 17.0727H13.6504C13.578 17.0727 13.4734 17.0479 13.4734 16.9878C13.4734 16.9299 13.4869 16.9362 13.5379 16.8912L13.9675 16.4726C14.0115 16.4373 14.0524 16.4272 14.1121 16.4272H18.0272C18.0807 16.4272 18.132 16.4407 18.1635 16.4743L18.5764 16.9088C18.6247 16.956 18.6454 16.9501 18.6454 17.008Z"
fill="#271935"
/>
</g>
<path
d="M25.1688 24.6992C25.1688 24.9683 25.2005 25 24.9305 25H7.08049C6.81049 25 6.85242 24.8845 6.85242 24.6055C6.85242 24.3364 6.47109 24.3655 6.66109 24.1562L8.26257 22.2109C8.42664 22.0469 8.57898 22 8.80164 22H23.3954C23.5946 22 23.786 22.0625 23.9032 22.2187L25.4423 24.2383C25.6223 24.4575 25.1688 24.4301 25.1688 24.6992Z"
fill="url(#paint7_linear_18_11793)"
/>
<path
d="M21.2305 19.67C21.2305 19.85 21.0005 20 20.7305 20H11.3105C11.0405 20 11.0245 19.93 11.0245 19.75C11.0245 19.57 10.8524 19.789 10.8524 19.5L11.9149 18.1172C11.9813 18.0234 12.1024 18 12.1884 18L19.8055 18C19.9696 18 20.079 18.043 20.1649 18.1445L21.1454 19.4336C21.3254 19.6536 21.0516 19.67 21.2305 19.67Z"
fill="url(#paint8_linear_18_11793)"
/>
<path
d="M13.8625 16.0701L13.2821 16.75H18.8055L18.2009 16.0674C18.1629 16.0245 18.1084 16 18.0512 16H14.0146C13.9561 16 13.9005 16.0256 13.8625 16.0701Z"
fill="url(#paint9_linear_18_11793)"
/>
<rect
x={13.2503}
y={16.6836}
width={5.58234}
height={0.316406}
rx={0.158203}
fill="url(#paint10_linear_18_11793)"
/>
<path
d="M29.18 28.5837L28.1224 27.3762C27.9426 27.1683 27.573 27 27.3033 27H4.88733C4.6076 27 4.23804 27.1584 4.04822 27.3663L2.87964 28.6068C3.57654 29.4573 4.63507 30 5.82037 30H26.2204C27.4164 30 28.4835 29.4474 29.18 28.5837Z"
fill="url(#paint11_linear_18_11793)"
/>
<path
d="M25.5204 24.5C25.5204 24.23 25.2886 24 25.0164 24H7.02436C6.75222 24 6.52039 24.22 6.52039 24.5C6.52039 24.77 6.75222 25 7.02436 25H25.0164C25.2886 25 25.5204 24.78 25.5204 24.5Z"
fill="url(#paint12_linear_18_11793)"
/>
<path
d="M21.2304 19.6607C21.2304 19.4756 21.1029 19.3214 20.8329 19.3214H11.2235C10.9535 19.3214 10.8104 19.4756 10.8104 19.6607C10.8104 19.8458 10.9435 20 11.2235 20H20.8329C21.1129 20 21.2304 19.8458 21.2304 19.6607Z"
fill="url(#paint13_linear_18_11793)"
/>
<g filter="url(#filter6_f_18_11793)">
<path
d="M25.3485 29.8281H26.2391L16.9345 16.1406H16.3145L25.3485 29.8281Z"
fill="url(#paint14_linear_18_11793)"
/>
</g>
<g filter="url(#filter7_f_18_11793)">
<path
d="M6.07306 29.8281H5.07306L14.9473 16.1406H15.5673L6.07306 29.8281Z"
fill="url(#paint15_linear_18_11793)"
/>
</g>
<path
d="M6.52039 30H5.52039L15.2104 16H15.8204L6.52039 30Z"
fill="url(#paint16_linear_18_11793)"
/>
<path
d="M6.02039 30L15.6704 16H15.0604L5.07306 29.9265C5.3147 29.9747 5.56458 30 5.82037 30H6.02039Z"
fill="url(#paint17_linear_18_11793)"
/>
<path
d="M25.5604 30H26.5604L16.9104 16H16.2904L25.5604 30Z"
fill="url(#paint18_linear_18_11793)"
/>
<path
d="M27.0027 29.9194L17.0604 16H16.4404L26.0604 30H26.2204C26.4886 30 26.7502 29.9722 27.0027 29.9194Z"
fill="url(#paint19_linear_18_11793)"
/>
<defs>
<filter
id="filter0_i_18_11793"
x={2.02039}
y={2.01709}
width={28}
height={15.9829}
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={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.333333 0 0 0 0 0.670588 0 0 0 0 0.890196 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11793"
/>
</filter>
<filter
id="filter1_f_18_11793"
x={2.04675}
y={2.04675}
width={27.9066}
height={27.9065}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_11793"
/>
</filter>
<filter
id="filter2_i_18_11793"
x={2.02039}
y={12}
width={28}
height={18.75}
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.75} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.262745 0 0 0 0 0.941176 0 0 0 0 0.498039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11793"
/>
</filter>
<filter
id="filter3_f_18_11793"
x={6.45789}
y={22.0837}
width={19.2031}
height={3.60376}
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_11793"
/>
</filter>
<filter
id="filter4_f_18_11793"
x={10.7859}
y={18.6259}
width={10.5469}
height={1.75391}
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_11793"
/>
</filter>
<filter
id="filter5_f_18_11793"
x={13.2234}
y={16.1772}
width={5.67194}
height={1.14551}
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_11793"
/>
</filter>
<filter
id="filter6_f_18_11793"
x={16.0645}
y={15.8906}
width={10.4247}
height={14.1875}
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_11793"
/>
</filter>
<filter
id="filter7_f_18_11793"
x={4.82306}
y={15.8906}
width={10.9942}
height={14.1875}
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_11793"
/>
</filter>
<linearGradient
id="paint0_linear_18_11793"
x1={16.0204}
y1={2.01709}
x2={16.0204}
y2={17.2809}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#35C9FF" />
<stop offset={1} stopColor="#2DF9FF" />
</linearGradient>
<linearGradient
id="paint1_linear_18_11793"
x1={5.22095}
y1={17}
x2={27.9533}
y2={1.34445}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4CECFF" />
<stop offset={1} stopColor="#4CECFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_11793"
x1={16.4579}
y1={27.6875}
x2={16.4534}
y2={9.99999}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#286A54" />
<stop offset={1} stopColor="#3BDE75" />
</linearGradient>
<radialGradient
id="paint3_radial_18_11793"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(30.9579 10.25) rotate(122.495) scale(11.6339 18.0972)"
>
<stop stopColor="#39ED7A" />
<stop offset={1} stopColor="#39ED7A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_11793"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.45788 6.56248) rotate(51.7556) scale(16.1546 25.1294)"
>
<stop stopColor="#39ED7A" />
<stop offset={1} stopColor="#39ED7A" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_11793"
x1={16}
y1={16.2141}
x2={16}
y2={25.0937}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#352A41" />
<stop offset={1} stopColor="#392C46" />
</linearGradient>
<linearGradient
id="paint6_linear_18_11793"
x1={24.7391}
y1={24.1249}
x2={19.9891}
y2={26.2812}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4F435B" />
<stop offset={1} stopColor="#4F435B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_11793"
x1={25.4278}
y1={23.5048}
x2={6.57769}
y2={23.5048}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A2694F" />
<stop offset={1} stopColor="#6A4532" />
</linearGradient>
<linearGradient
id="paint8_linear_18_11793"
x1={21.2307}
y1={19.0033}
x2={10.8139}
y2={19.0033}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A2694F" />
<stop offset={1} stopColor="#6A4532" />
</linearGradient>
<linearGradient
id="paint9_linear_18_11793"
x1={16.0438}
y1={16.375}
x2={18.8055}
y2={16.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#795650" />
<stop offset={1} stopColor="#996960" />
</linearGradient>
<linearGradient
id="paint10_linear_18_11793"
x1={13.7604}
y1={16.9163}
x2={16.8094}
y2={16.9163}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#98665E" />
<stop offset={1} stopColor="#72504D" />
</linearGradient>
<linearGradient
id="paint11_linear_18_11793"
x1={23.9579}
y1={27.5}
x2={1.70789}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7C5652" />
<stop offset={1} stopColor="#A16C62" />
</linearGradient>
<linearGradient
id="paint12_linear_18_11793"
x1={6.51766}
y1={24.5022}
x2={23.0204}
y2={24.5022}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A06861" />
<stop offset={1} stopColor="#76514F" />
</linearGradient>
<linearGradient
id="paint13_linear_18_11793"
x1={10.8139}
y1={19.662}
x2={21.2307}
y2={19.662}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#99665F" />
<stop offset={1} stopColor="#74504E" />
</linearGradient>
<linearGradient
id="paint14_linear_18_11793"
x1={17.1141}
y1={16.625}
x2={25.2391}
y2={29.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E203B" />
<stop offset={0.713542} stopColor="#2E203B" />
<stop offset={1} stopColor="#523135" />
</linearGradient>
<linearGradient
id="paint15_linear_18_11793"
x1={14.2391}
y1={17}
x2={5.36414}
y2={28.5625}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.797009} stopColor="#2E203B" />
<stop offset={1} stopColor="#6A4540" />
</linearGradient>
<linearGradient
id="paint16_linear_18_11793"
x1={6.36}
y1={30}
x2={15.804}
y2={14.7174}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#93839E" />
<stop offset={1} stopColor="#887D8F" />
</linearGradient>
<linearGradient
id="paint17_linear_18_11793"
x1={15.6704}
y1={16}
x2={5.61511}
y2={30.0108}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BEB5C9" />
<stop offset={1} stopColor="#998FA4" />
</linearGradient>
<linearGradient
id="paint18_linear_18_11793"
x1={25.4579}
y1={29.3125}
x2={16.8534}
y2={15.9868}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#62516D" />
<stop offset={1} stopColor="#887D8F" />
<stop offset={1} stopColor="#6C567A" />
</linearGradient>
<linearGradient
id="paint19_linear_18_11793"
x1={16.6432}
y1={16}
x2={26.2751}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BBB1C5" />
<stop offset={1} stopColor="#978CA2" />
</linearGradient>
</defs>
</svg>
);
module.exports = RailwayTrackIcon;