@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
576 lines (575 loc) • 19.1 kB
JSX
const React = require("react");
const SuspensionRailwayIcon = ({ 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="M30.02 13.78C30.02 12.8 29.2197 12 28.2394 12H3.83066C2.84031 12 2.03002 12.81 2.03002 13.8V18H2.02002V24.5C2.02002 24.6 2.02001 24.7 2.03002 24.8L2.04003 25C2.29012 27.72 4.52091 29.86 7.27189 29.99C7.32191 29.99 7.36193 30 7.41194 30H28.3394C29.2697 30 30.02 29.19 30.02 28.2V25.04V25V13.78V13.78Z"
fill="url(#paint0_linear_18_12890)"
/>
<g filter="url(#filter0_i_18_12890)">
<path
d="M30.02 13.78C30.02 12.8 29.2197 12 28.2394 12H3.83066C2.84031 12 2.03002 12.81 2.03002 13.8V18H2.02002V24.5C2.02002 24.6 2.02001 24.7 2.03002 24.8L2.04003 25C2.29012 27.72 4.52091 29.86 7.27189 29.99C7.32191 29.99 7.36193 30 7.41194 30H28.3394C29.2697 30 30.02 29.19 30.02 28.2V25.04V25V13.78V13.78Z"
fill="url(#paint1_linear_18_12890)"
/>
</g>
<path
d="M30.02 13.78C30.02 12.8 29.2197 12 28.2394 12H3.83066C2.84031 12 2.03002 12.81 2.03002 13.8V18H2.02002V24.5C2.02002 24.6 2.02001 24.7 2.03002 24.8L2.04003 25C2.29012 27.72 4.52091 29.86 7.27189 29.99C7.32191 29.99 7.36193 30 7.41194 30H28.3394C29.2697 30 30.02 29.19 30.02 28.2V25.04V25V13.78V13.78Z"
fill="url(#paint2_linear_18_12890)"
/>
<path d="M30.02 5H2.02002V7H30.02V5Z" fill="url(#paint3_linear_18_12890)" />
<path d="M30.02 5H2.02002V7H30.02V5Z" fill="url(#paint4_radial_18_12890)" />
<path d="M30.02 4H2.02002V5H30.02V4Z" fill="url(#paint5_linear_18_12890)" />
<path d="M30.02 4H2.02002V5H30.02V4Z" fill="url(#paint6_radial_18_12890)" />
<path d="M30.02 7H2.02002V8H30.02V7Z" fill="url(#paint7_linear_18_12890)" />
<g filter="url(#filter1_i_18_12890)">
<path
d="M30.02 16V13.7756C30.02 12.798 29.22 12 28.24 12H3.82001C2.83001 12 2.02002 12.808 2.02002 13.7955V15.99H30.02V16Z"
fill="#518FE8"
/>
</g>
<path
d="M30.02 16V13.7756C30.02 12.798 29.22 12 28.24 12H3.82001C2.83001 12 2.02002 12.808 2.02002 13.7955V15.99H30.02V16Z"
fill="url(#paint8_linear_18_12890)"
/>
<path
d="M2.04004 25H2.05006C2.1101 25.72 2.32025 26.39 2.64047 27H30.04V25H2.04004Z"
fill="url(#paint9_linear_18_12890)"
/>
<path
d="M2.04004 25H2.05006C2.1101 25.72 2.32025 26.39 2.64047 27H30.04V25H2.04004Z"
fill="url(#paint10_radial_18_12890)"
/>
<path
d="M2.04004 25H2.05006C2.1101 25.72 2.32025 26.39 2.64047 27H30.04V25H2.04004Z"
fill="url(#paint11_linear_18_12890)"
/>
<g filter="url(#filter2_i_18_12890)">
<path
d="M2.02002 24H10.9189C11.5295 24 12.02 23.51 12.02 22.9V15.1C12.02 14.49 11.5295 14 10.9189 14H2.02002V24V24Z"
fill="url(#paint12_linear_18_12890)"
/>
</g>
<path
d="M18.9182 14H15.1218C14.5108 14 14.02 14.49 14.02 15.1V20.9C14.02 21.51 14.5108 22 15.1218 22H18.9182C19.5292 22 20.02 21.51 20.02 20.9V15.1C20.02 14.5 19.5292 14 18.9182 14Z"
fill="url(#paint13_linear_18_12890)"
/>
<path
d="M26.9182 14H23.1218C22.5108 14 22.02 14.49 22.02 15.1V20.9C22.02 21.51 22.5108 22 23.1218 22H26.9182C27.5292 22 28.02 21.51 28.02 20.9V15.1C28.02 14.5 27.5292 14 26.9182 14Z"
fill="url(#paint14_linear_18_12890)"
/>
<g filter="url(#filter3_i_18_12890)">
<path
d="M18.9182 14H15.1218C14.5108 14 14.02 14.49 14.02 15.1V20.9C14.02 21.51 14.5108 22 15.1218 22H18.9182C19.5292 22 20.02 21.51 20.02 20.9V15.1C20.02 14.5 19.5292 14 18.9182 14Z"
fill="url(#paint15_linear_18_12890)"
/>
</g>
<g filter="url(#filter4_i_18_12890)">
<path
d="M26.9182 14H23.1218C22.5108 14 22.02 14.49 22.02 15.1V20.9C22.02 21.51 22.5108 22 23.1218 22H26.9182C27.5292 22 28.02 21.51 28.02 20.9V15.1C28.02 14.5 27.5292 14 26.9182 14Z"
fill="url(#paint16_linear_18_12890)"
/>
</g>
<path
d="M20.43 11H11.61C11.28 11 11.02 11.27 11.02 11.59V12H21.02V11.59C21.02 11.27 20.75 11 20.43 11Z"
fill="url(#paint17_linear_18_12890)"
/>
<path
d="M20.43 11H11.61C11.28 11 11.02 11.27 11.02 11.59V12H21.02V11.59C21.02 11.27 20.75 11 20.43 11Z"
fill="url(#paint18_linear_18_12890)"
/>
<path
d="M19.02 3H13.02C11.92 3 11.02 3.9 11.02 5C11.02 6.1 11.92 7 13.02 7H19.02C20.12 7 21.02 6.1 21.02 5C21.02 3.9 20.12 3 19.02 3Z"
fill="url(#paint19_linear_18_12890)"
/>
<path
d="M19.02 3H13.02C11.92 3 11.02 3.9 11.02 5C11.02 6.1 11.92 7 13.02 7H19.02C20.12 7 21.02 6.1 21.02 5C21.02 3.9 20.12 3 19.02 3Z"
fill="url(#paint20_linear_18_12890)"
/>
<path
d="M19.02 3H13.02C11.92 3 11.02 3.9 11.02 5C11.02 6.1 11.92 7 13.02 7H19.02C20.12 7 21.02 6.1 21.02 5C21.02 3.9 20.12 3 19.02 3Z"
fill="url(#paint21_linear_18_12890)"
/>
<path
d="M17.0171 6.99989H17.02V10.9999H15.02V7.00661C15.6138 6.59372 16.5356 6.625 17.0171 6.99989Z"
fill="url(#paint22_linear_18_12890)"
/>
<path
d="M17.0171 6.99989H17.02V10.9999H15.02V7.00661C15.6138 6.59372 16.5356 6.625 17.0171 6.99989Z"
fill="url(#paint23_radial_18_12890)"
/>
<path
d="M15.0239 9.22913C14.3872 9.5647 14.02 10.2339 14.02 11H18.02C18.02 10.2339 17.6567 9.5647 17.02 9.22913H15.0239Z"
fill="url(#paint24_linear_18_12890)"
/>
<defs>
<filter
id="filter0_i_18_12890"
x={2.02002}
y={11.5}
width={28.5}
height={18.5}
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.5} dy={-0.5} />
<feGaussianBlur stdDeviation={0.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.690196 0 0 0 0 0.556863 0 0 0 0 0.788235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12890"
/>
</filter>
<filter
id="filter1_i_18_12890"
x={1.27002}
y={12}
width={28.75}
height={4.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 dx={-0.75} 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.384314 0 0 0 0 0.643137 0 0 0 0 0.980392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12890"
/>
</filter>
<filter
id="filter2_i_18_12890"
x={0.0200195}
y={14}
width={12}
height={11.25}
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={-2} dy={1.25} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.243137 0 0 0 0 0.670588 0 0 0 0 0.913725 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12890"
/>
</filter>
<filter
id="filter3_i_18_12890"
x={13.27}
y={14}
width={6.75}
height={8.5}
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.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.243137 0 0 0 0 0.670588 0 0 0 0 0.913725 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12890"
/>
</filter>
<filter
id="filter4_i_18_12890"
x={21.27}
y={14}
width={6.75}
height={8.5}
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.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.243137 0 0 0 0 0.670588 0 0 0 0 0.913725 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12890"
/>
</filter>
<linearGradient
id="paint0_linear_18_12890"
x1={17.5771}
y1={21.003}
x2={17.5156}
y2={35.5}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.519227} stopColor="white" />
<stop offset={0.642011} stopColor="#8D65C5" />
<stop offset={0.754055} stopColor="#635994" />
</linearGradient>
<linearGradient
id="paint1_linear_18_12890"
x1={2.02002}
y1={24.678}
x2={30.02}
y2={24.678}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EEE2F5" />
<stop offset={1} stopColor="#DFD4E6" />
</linearGradient>
<linearGradient
id="paint2_linear_18_12890"
x1={30.02}
y1={22.0038}
x2={28.507}
y2={22.0038}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F0E9F5" />
<stop offset={1} stopColor="#F0E9F5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_12890"
x1={2.02002}
y1={5.99999}
x2={30.3221}
y2={5.99999}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#837F87" />
<stop offset={1} stopColor="#817D85" />
</linearGradient>
<radialGradient
id="paint4_radial_18_12890"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.0981 5.73437) rotate(139.538) scale(1.39649 1.91894)"
>
<stop offset={0.560509} stopColor="#544D5C" />
<stop offset={1} stopColor="#544D5C" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_12890"
x1={30.5825}
y1={3.99999}
x2={2.70751}
y2={3.99998}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C8C1CD" />
<stop offset={1} stopColor="#DED7E4" />
</linearGradient>
<radialGradient
id="paint6_radial_18_12890"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.2231 5) rotate(180) scale(1.76563 1.85938)"
>
<stop offset={0.373831} stopColor="#918996" />
<stop offset={1} stopColor="#918996" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_12890"
x1={30.5825}
y1={6.99999}
x2={2.70751}
y2={6.99998}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C8C1CD" />
<stop offset={1} stopColor="#DED7E4" />
</linearGradient>
<linearGradient
id="paint8_linear_18_12890"
x1={2.02002}
y1={14.3607}
x2={3.92097}
y2={14.3607}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.255187} stopColor="#4169A1" />
<stop offset={1} stopColor="#4169A1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_12890"
x1={2.41053}
y1={27}
x2={23.2358}
y2={27}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFCA56" />
<stop offset={1} stopColor="#FFA053" />
</linearGradient>
<radialGradient
id="paint10_radial_18_12890"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.3106 19.054) rotate(161.592) scale(25.1626 352.277)"
>
<stop offset={0.92963} stopColor="#B4934E" stopOpacity={0} />
<stop offset={0.992995} stopColor="#B4934E" />
</radialGradient>
<linearGradient
id="paint11_linear_18_12890"
x1={30.04}
y1={27}
x2={28.858}
y2={27}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFB45D" />
<stop offset={1} stopColor="#FFB45D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_12890"
x1={3.02002}
y1={23.25}
x2={12.02}
y2={13.625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5EF0FF" />
<stop offset={1} stopColor="#51C9FF" />
</linearGradient>
<linearGradient
id="paint13_linear_18_12890"
x1={12.5185}
y1={18.0024}
x2={20.6266}
y2={18.0024}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C0FFFE" />
<stop offset={0.733464} stopColor="#79DEF8" />
<stop offset={0.942445} stopColor="#00A6ED" />
</linearGradient>
<linearGradient
id="paint14_linear_18_12890"
x1={20.5185}
y1={18.0024}
x2={28.6266}
y2={18.0024}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C0FFFE" />
<stop offset={0.733464} stopColor="#79DEF8" />
<stop offset={0.942445} stopColor="#00A6ED" />
</linearGradient>
<linearGradient
id="paint15_linear_18_12890"
x1={14.62}
y1={21.4}
x2={21.6642}
y2={15.7499}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6BFFFF" />
<stop offset={1} stopColor="#51C9FF" />
<stop offset={1} stopColor="#56D6FF" />
</linearGradient>
<linearGradient
id="paint16_linear_18_12890"
x1={22.62}
y1={21.4}
x2={29.6642}
y2={15.7499}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6BFFFF" />
<stop offset={1} stopColor="#51C9FF" />
<stop offset={1} stopColor="#56D6FF" />
</linearGradient>
<linearGradient
id="paint17_linear_18_12890"
x1={11.02}
y1={12}
x2={21.02}
y2={12}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9194A3" />
<stop offset={0.0625} stopColor="#D8D5E2" />
<stop offset={0.93036} stopColor="#D8D5E2" />
<stop offset={1} stopColor="#F0EDF7" />
</linearGradient>
<linearGradient
id="paint18_linear_18_12890"
x1={16.02}
y1={11}
x2={16.02}
y2={11.2656}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D4D2D5" />
<stop offset={1} stopColor="#D4D2D5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint19_linear_18_12890"
x1={11.02}
y1={5}
x2={21.02}
y2={5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6C6770" />
<stop offset={0.190625} stopColor="#919091" />
<stop offset={0.803125} stopColor="#919091" />
<stop offset={1} stopColor="#A8A7AA" />
</linearGradient>
<linearGradient
id="paint20_linear_18_12890"
x1={17.5825}
y1={7}
x2={17.5825}
y2={4.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6F6879" />
<stop offset={1} stopColor="#6F6879" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint21_linear_18_12890"
x1={16.02}
y1={2.08182}
x2={16.02}
y2={4.05929}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#706C75" />
<stop offset={0.943396} stopColor="#706C75" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint22_linear_18_12890"
x1={17.02}
y1={8.28122}
x2={15.2075}
y2={8.28122}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A29FA5" />
<stop offset={1} stopColor="#69666E" />
</linearGradient>
<radialGradient
id="paint23_radial_18_12890"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.02 10.9999) rotate(-90) scale(4.37883 3.12506)"
>
<stop offset={0.917037} stopColor="#69666E" stopOpacity={0} />
<stop offset={0.983943} stopColor="#69666E" />
</radialGradient>
<linearGradient
id="paint24_linear_18_12890"
x1={14.02}
y1={11}
x2={17.6774}
y2={11}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#626263" />
<stop offset={1} stopColor="#ADABAE" />
</linearGradient>
</defs>
</svg>
);
module.exports = SuspensionRailwayIcon;