@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
419 lines (418 loc) • 14.1 kB
JSX
const React = require("react");
const AerialTramwayIcon = ({ 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_12954)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M28.988 2.84564C29.0733 3.39131 28.7001 3.90277 28.1544 3.98803L4.1544 7.73803C3.60873 7.82329 3.09727 7.45006 3.01201 6.9044C2.92675 6.35873 3.29998 5.84727 3.84564 5.76201L27.8456 2.01201C28.3913 1.92675 28.9028 2.29998 28.988 2.84564Z"
fill="#CEC8D1"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M28.988 2.84564C29.0733 3.39131 28.7001 3.90277 28.1544 3.98803L4.1544 7.73803C3.60873 7.82329 3.09727 7.45006 3.01201 6.9044C2.92675 6.35873 3.29998 5.84727 3.84564 5.76201L27.8456 2.01201C28.3913 1.92675 28.9028 2.29998 28.988 2.84564Z"
fill="url(#paint0_linear_18_12954)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M28.988 2.84564C29.0733 3.39131 28.7001 3.90277 28.1544 3.98803L4.1544 7.73803C3.60873 7.82329 3.09727 7.45006 3.01201 6.9044C2.92675 6.35873 3.29998 5.84727 3.84564 5.76201L27.8456 2.01201C28.3913 1.92675 28.9028 2.29998 28.988 2.84564Z"
fill="url(#paint1_linear_18_12954)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M28.988 2.84564C29.0733 3.39131 28.7001 3.90277 28.1544 3.98803L4.1544 7.73803C3.60873 7.82329 3.09727 7.45006 3.01201 6.9044C2.92675 6.35873 3.29998 5.84727 3.84564 5.76201L27.8456 2.01201C28.3913 1.92675 28.9028 2.29998 28.988 2.84564Z"
fill="url(#paint2_radial_18_12954)"
/>
</g>
<path d="M15 13H17V5H15V13Z" fill="url(#paint3_radial_18_12954)" />
<path d="M15 13H17V5H15V13Z" fill="url(#paint4_linear_18_12954)" />
<g filter="url(#filter1_i_18_12954)">
<path
d="M20.9986 30H11.0014C9.89064 30 9 29.0995 9 27.9989V14.0011C9 12.8905 9.90064 12 11.0014 12H20.9986C22.1094 12 23 12.9005 23 14.0011V27.9989C23 29.1095 22.0994 30 20.9986 30Z"
fill="url(#paint5_linear_18_12954)"
/>
<path
d="M20.9986 30H11.0014C9.89064 30 9 29.0995 9 27.9989V14.0011C9 12.8905 9.90064 12 11.0014 12H20.9986C22.1094 12 23 12.9005 23 14.0011V27.9989C23 29.1095 22.0994 30 20.9986 30Z"
fill="url(#paint6_linear_18_12954)"
/>
<path
d="M20.9986 30H11.0014C9.89064 30 9 29.0995 9 27.9989V14.0011C9 12.8905 9.90064 12 11.0014 12H20.9986C22.1094 12 23 12.9005 23 14.0011V27.9989C23 29.1095 22.0994 30 20.9986 30Z"
fill="url(#paint7_linear_18_12954)"
/>
<path
d="M20.9986 30H11.0014C9.89064 30 9 29.0995 9 27.9989V14.0011C9 12.8905 9.90064 12 11.0014 12H20.9986C22.1094 12 23 12.9005 23 14.0011V27.9989C23 29.1095 22.0994 30 20.9986 30Z"
fill="url(#paint8_radial_18_12954)"
/>
</g>
<path d="M23 26H9V28H23V26Z" fill="url(#paint9_linear_18_12954)" />
<path
d="M23 14H17.93C17.42 14 17 14.3904 17 14.861V22.139C17 22.6196 17.42 23 17.93 23H23V14Z"
fill="url(#paint10_linear_18_12954)"
/>
<path
d="M23 14H17.93C17.42 14 17 14.3904 17 14.861V22.139C17 22.6196 17.42 23 17.93 23H23V14Z"
fill="url(#paint11_linear_18_12954)"
/>
<path
d="M23 14H17.93C17.42 14 17 14.3904 17 14.861V22.139C17 22.6196 17.42 23 17.93 23H23V14Z"
fill="url(#paint12_linear_18_12954)"
/>
<path
d="M23 14H17.93C17.42 14 17 14.3904 17 14.861V22.139C17 22.6196 17.42 23 17.93 23H23V14Z"
fill="url(#paint13_radial_18_12954)"
/>
<g filter="url(#filter2_i_18_12954)">
<path
d="M9 23H14.07C14.58 23 15 22.6096 15 22.139V14.8609C15 14.3804 14.58 14 14.07 14H9V23Z"
fill="url(#paint14_linear_18_12954)"
/>
</g>
<g filter="url(#filter3_i_18_12954)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.988 3.78314C23.0733 4.32881 22.7001 4.84027 22.1544 4.92553L9.6544 6.87866C9.10873 6.96392 8.59727 6.59069 8.51201 6.04502C8.42675 5.49936 8.79998 4.98789 9.34564 4.90263L21.8456 2.94951C22.3913 2.86425 22.9028 3.23748 22.988 3.78314Z"
fill="#797879"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.988 3.78314C23.0733 4.32881 22.7001 4.84027 22.1544 4.92553L9.6544 6.87866C9.10873 6.96392 8.59727 6.59069 8.51201 6.04502C8.42675 5.49936 8.79998 4.98789 9.34564 4.90263L21.8456 2.94951C22.3913 2.86425 22.9028 3.23748 22.988 3.78314Z"
fill="url(#paint15_linear_18_12954)"
/>
</g>
<defs>
<filter
id="filter0_i_18_12954"
x={2.99988}
y={1.59988}
width={26.4003}
height={6.15024}
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.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.658824 0 0 0 0 0.545098 0 0 0 0 0.698039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12954"
/>
</filter>
<filter
id="filter1_i_18_12954"
x={9}
y={11.5}
width={15}
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={1.25} 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.686275 0 0 0 0 0.45098 0 0 0 0 0.231373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12954"
/>
</filter>
<filter
id="filter2_i_18_12954"
x={7.5}
y={14}
width={7.5}
height={10}
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.5} dy={1} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.12549 0 0 0 0 0.521569 0 0 0 0 0.870588 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12954"
/>
</filter>
<filter
id="filter3_i_18_12954"
x={8.49988}
y={2.53738}
width={14.9003}
height={4.35337}
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.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.384314 0 0 0 0 0.317647 0 0 0 0 0.356863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12954"
/>
</filter>
<linearGradient
id="paint0_linear_18_12954"
x1={3.65753}
y1={8.08318}
x2={14.9344}
y2={5.91455}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EAE3EF" />
<stop offset={1} stopColor="#EAE3EF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18_12954"
x1={29.0002}
y1={2.93717}
x2={27.8791}
y2={3.05304}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E5E2E8" />
<stop offset={1} stopColor="#E5E2E8" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_12954"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.59409 6.10096) rotate(170.031) scale(1.19254 1.74148)"
>
<stop offset={0.337765} stopColor="#92748F" />
<stop offset={1} stopColor="#92748F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_12954"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17 8.10443) rotate(-180) scale(2 13.8855)"
>
<stop stopColor="#8C888D" />
<stop offset={0.896366} stopColor="#515151" />
</radialGradient>
<linearGradient
id="paint4_linear_18_12954"
x1={15.8849}
y1={5.37279}
x2={16}
y2={6.24752}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#463D43" />
<stop offset={1} stopColor="#463D43" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_12954"
x1={16}
y1={12}
x2={16}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFBC43" />
<stop offset={1} stopColor="#FF9F43" />
</linearGradient>
<linearGradient
id="paint6_linear_18_12954"
x1={23}
y1={25.2462}
x2={21.0065}
y2={25.2462}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFB950" />
<stop offset={1} stopColor="#FFB950" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_12954"
x1={16}
y1={12}
x2={16}
y2={14.0933}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFCA3A" />
<stop offset={1} stopColor="#FFCA3A" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_18_12954"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23 12.5443) rotate(138.751) scale(4.13485 3.93679)"
>
<stop stopColor="#FFDE55" />
<stop offset={1} stopColor="#FFDE55" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_12954"
x1={9}
y1={27.5225}
x2={23}
y2={27.5225}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#30A260" />
<stop offset={0.0964673} stopColor="#4AE98E" />
<stop offset={0.926768} stopColor="#4AE98E" />
<stop offset={1} stopColor="#62FFA9" />
</linearGradient>
<linearGradient
id="paint10_linear_18_12954"
x1={20}
y1={14}
x2={20}
y2={23}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.833333} stopColor="#44CEFF" />
<stop offset={1} stopColor="#3FE6FF" />
</linearGradient>
<linearGradient
id="paint11_linear_18_12954"
x1={15.8066}
y1={20.8125}
x2={18.3691}
y2={20.8125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4FFAFF" />
<stop offset={1} stopColor="#4FFAFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_12954"
x1={20}
y1={14}
x2={20}
y2={16.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2298F9" />
<stop offset={1} stopColor="#2298F9" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_18_12954"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.4316 13.6875) rotate(130.899) scale(5.87076 1.32129)"
>
<stop offset={0.559525} stopColor="#41C9FF" />
<stop offset={1} stopColor="#41C9FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_18_12954"
x1={10.6191}
y1={23}
x2={10.6191}
y2={14}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#41D7FF" />
<stop offset={0.152778} stopColor="#3FB9FF" />
</linearGradient>
<linearGradient
id="paint15_linear_18_12954"
x1={23.0002}
y1={3.96421}
x2={21.7983}
y2={4.1324}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#989698" />
<stop offset={1} stopColor="#989698" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = AerialTramwayIcon;