@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
563 lines (562 loc) • 17.2 kB
JSX
const React = require("react");
const BusStopIcon = ({ 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="M7 2H3V30H7V2Z" fill="url(#paint0_linear_18_11612)" />
<path d="M7 2H3V30H7V2Z" fill="url(#paint1_radial_18_11612)" />
<path d="M7 2H3V30H7V2Z" fill="url(#paint2_radial_18_11612)" />
<g filter="url(#filter0_f_18_11612)">
<rect
x={5}
y={3.15173}
width={1.08669}
height={26.0114}
fill="url(#paint3_linear_18_11612)"
/>
</g>
<path d="M7 2H3V30H7V2Z" fill="url(#paint4_radial_18_11612)" />
<path d="M7 2H3V30H7V2Z" fill="url(#paint5_radial_18_11612)" />
<path
d="M8.09353 10H2.90647C2.40288 10 2 9.59494 2 9.08861V6.91139C2 6.40506 2.40288 6 2.90647 6H8.09353C8.59712 6 9 6.40506 9 6.91139V9.07848C9 9.58481 8.59712 10 8.09353 10Z"
fill="url(#paint6_linear_18_11612)"
/>
<path
d="M8.09353 10H2.90647C2.40288 10 2 9.59494 2 9.08861V6.91139C2 6.40506 2.40288 6 2.90647 6H8.09353C8.59712 6 9 6.40506 9 6.91139V9.07848C9 9.58481 8.59712 10 8.09353 10Z"
fill="url(#paint7_linear_18_11612)"
/>
<path
d="M8.09353 10H2.90647C2.40288 10 2 9.59494 2 9.08861V6.91139C2 6.40506 2.40288 6 2.90647 6H8.09353C8.59712 6 9 6.40506 9 6.91139V9.07848C9 9.58481 8.59712 10 8.09353 10Z"
fill="url(#paint8_linear_18_11612)"
/>
<path
d="M8.09353 23H2.90647C2.40288 23 2 22.5939 2 22.0863V19.9137C2 19.4061 2.40288 19 2.90647 19H8.09353C8.59712 19 9 19.4061 9 19.9137V22.0863C9 22.5838 8.59712 23 8.09353 23Z"
fill="url(#paint9_linear_18_11612)"
/>
<path
d="M8.09353 23H2.90647C2.40288 23 2 22.5939 2 22.0863V19.9137C2 19.4061 2.40288 19 2.90647 19H8.09353C8.59712 19 9 19.4061 9 19.9137V22.0863C9 22.5838 8.59712 23 8.09353 23Z"
fill="url(#paint10_linear_18_11612)"
/>
<path
d="M8.09353 23H2.90647C2.40288 23 2 22.5939 2 22.0863V19.9137C2 19.4061 2.40288 19 2.90647 19H8.09353C8.59712 19 9 19.4061 9 19.9137V22.0863C9 22.5838 8.59712 23 8.09353 23Z"
fill="url(#paint11_linear_18_11612)"
/>
<g filter="url(#filter1_ii_18_11612)">
<path
d="M10.2547 25H26.7453C27.9889 25 29 23.9889 29 22.7453V6.25469C29 5.01107 27.9889 4 26.7453 4H10.2547C9.01107 4 8 5.01107 8 6.25469V22.7453C8 23.9889 9.01107 25 10.2547 25Z"
fill="url(#paint12_linear_18_11612)"
/>
</g>
<path
d="M10.2547 25H26.7453C27.9889 25 29 23.9889 29 22.7453V6.25469C29 5.01107 27.9889 4 26.7453 4H10.2547C9.01107 4 8 5.01107 8 6.25469V22.7453C8 23.9889 9.01107 25 10.2547 25Z"
fill="url(#paint13_linear_18_11612)"
/>
<path
d="M10.2547 25H26.7453C27.9889 25 29 23.9889 29 22.7453V6.25469C29 5.01107 27.9889 4 26.7453 4H10.2547C9.01107 4 8 5.01107 8 6.25469V22.7453C8 23.9889 9.01107 25 10.2547 25Z"
fill="url(#paint14_radial_18_11612)"
/>
<rect
x={21.9343}
y={16.995}
width={2.03821}
height={4.00503}
rx={0.5}
fill="url(#paint15_linear_18_11612)"
/>
<rect
x={13.0275}
y={16.995}
width={2.03821}
height={4.00503}
rx={0.5}
fill="url(#paint16_linear_18_11612)"
/>
<rect
x={23.6974}
y={13.0969}
width={1.15156}
height={0.968137}
fill="url(#paint17_linear_18_11612)"
/>
<rect
x={12.4517}
y={13.0969}
width={1.15156}
height={0.968137}
fill="url(#paint18_linear_18_11612)"
/>
<path
d="M13.0275 9.74929C13.0275 8.86564 13.7439 8.14929 14.6275 8.14929H22.3725C23.2562 8.14929 23.9725 8.86564 23.9725 9.74929V18.7427C23.9725 19.1846 23.6144 19.5427 23.1725 19.5427H13.8275C13.3857 19.5427 13.0275 19.1846 13.0275 18.7427V9.74929Z"
fill="url(#paint19_linear_18_11612)"
/>
<rect
x={24.4464}
y={12.1033}
width={0.983422}
height={2.4662}
rx={0.3}
fill="url(#paint20_linear_18_11612)"
/>
<rect
opacity={0.55}
x={11.5701}
y={12.1033}
width={0.983422}
height={2.4662}
rx={0.3}
fill="#C86464"
fillOpacity={0.5}
/>
<rect
x={11.5701}
y={12.1033}
width={0.983422}
height={2.4662}
rx={0.3}
fill="url(#paint21_linear_18_11612)"
/>
<path
d="M23.9725 15.9688V18.7427C23.9725 19.1845 23.6144 19.5427 23.1725 19.5427H13.8275C13.3857 19.5427 13.0275 19.1845 13.0275 18.7427V15.9688H23.9725Z"
fill="url(#paint22_linear_18_11612)"
/>
<rect
x={14.0466}
y={9.6167}
width={8.90687}
height={5.9515}
rx={0.5}
fill="url(#paint23_linear_18_11612)"
/>
<path
d="M22.9534 11.1046H14.0466V10.1167C14.0466 9.84056 14.2704 9.6167 14.5466 9.6167H22.4534C22.7296 9.6167 22.9534 9.84056 22.9534 10.1167V11.1046Z"
fill="url(#paint24_linear_18_11612)"
/>
<rect
x={15.5446}
y={16.5465}
width={5.94133}
height={0.509546}
rx={0.254773}
fill="url(#paint25_linear_18_11612)"
/>
<rect
x={16.5229}
y={17.5453}
width={3.95409}
height={0.509546}
rx={0.254773}
fill="url(#paint26_linear_18_11612)"
/>
<path
d="M13.0275 18.5337V16.5465H14.0358C14.3119 16.5465 14.5358 16.7704 14.5358 17.0465V18.0337C14.5358 18.3099 14.3119 18.5337 14.0358 18.5337H13.0275Z"
fill="url(#paint27_linear_18_11612)"
/>
<path
d="M23.9725 18.5337V16.5465H22.9643C22.6882 16.5465 22.4643 16.7704 22.4643 17.0465V18.0337C22.4643 18.3099 22.6882 18.5337 22.9643 18.5337H23.9725Z"
fill="url(#paint28_linear_18_11612)"
/>
<defs>
<filter
id="filter0_f_18_11612"
x={3.5}
y={1.65173}
width={4.08667}
height={29.0114}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18_11612"
/>
</filter>
<filter
id="filter1_ii_18_11612"
x={6.75}
y={2.75}
width={23.5}
height={23.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={1.25} />
<feGaussianBlur stdDeviation={0.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.262745 0 0 0 0 0.65098 0 0 0 0 0.952941 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11612"
/>
<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={-1.25} />
<feGaussianBlur stdDeviation={0.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.160784 0 0 0 0 0.32549 0 0 0 0 0.572549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_11612"
result="effect2_innerShadow_18_11612"
/>
</filter>
<linearGradient
id="paint0_linear_18_11612"
x1={3.00333}
y1={16.0038}
x2={6.08669}
y2={16.0038}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#625F69" />
<stop offset={1} stopColor="#8D8BA1" />
</linearGradient>
<radialGradient
id="paint1_radial_18_11612"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.77193 2) rotate(104.295) scale(5.04473 3.56373)"
>
<stop stopColor="#CBC9D2" />
<stop offset={1} stopColor="#CBC9D2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_11612"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.1166 32.6068) rotate(-116.565) scale(10.3219 6.20815)"
>
<stop stopColor="#AEA1BE" />
<stop offset={1} stopColor="#AEA1BE" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_11612"
x1={5.54335}
y1={3.15173}
x2={5.54335}
y2={29.1631}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C1BEC8" />
<stop offset={1} stopColor="#C1BEC8" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_11612"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5 9.06217) rotate(90) scale(1.93545 3.83941)"
>
<stop offset={0.329268} stopColor="#645775" />
<stop offset={1} stopColor="#645775" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_11612"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5 21.7529) rotate(90) scale(2.69494 5.34602)"
>
<stop offset={0.329268} stopColor="#645775" />
<stop offset={1} stopColor="#645775" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_11612"
x1={1.99396}
y1={7.99929}
x2={6.97482}
y2={7.99929}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5B5763" />
<stop offset={1} stopColor="#B0A8BB" />
</linearGradient>
<linearGradient
id="paint7_linear_18_11612"
x1={5.5}
y1={6}
x2={5.5}
y2={6.68032}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8A8C96" />
<stop offset={1} stopColor="#8A8C96" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_11612"
x1={6.25286}
y1={10.5168}
x2={6.25286}
y2={9.03957}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#625275" />
<stop offset={1} stopColor="#625275" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_11612"
x1={1.99396}
y1={20.9993}
x2={6.97482}
y2={20.9993}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5B5763" />
<stop offset={1} stopColor="#B0A8BB" />
</linearGradient>
<linearGradient
id="paint10_linear_18_11612"
x1={5.5}
y1={19}
x2={5.5}
y2={19.6803}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8A8C96" />
<stop offset={1} stopColor="#8A8C96" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_11612"
x1={6.25286}
y1={23.5168}
x2={6.25286}
y2={22.0396}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#625275" />
<stop offset={1} stopColor="#625275" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_11612"
x1={11.3125}
y1={23.4375}
x2={27.5625}
y2={5.74998}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3C7BD2" />
<stop offset={1} stopColor="#3893E1" />
</linearGradient>
<linearGradient
id="paint13_linear_18_11612"
x1={18.5}
y1={25.6875}
x2={18.5}
y2={23.125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3054C2" />
<stop offset={1} stopColor="#3054C2" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint14_radial_18_11612"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.7812 4.43748) rotate(130.192) scale(2.37274 1.97845)"
>
<stop offset={0.141343} stopColor="#52BBFF" />
<stop offset={1} stopColor="#52BBFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_11612"
x1={21.9343}
y1={20.1346}
x2={23.9725}
y2={20.1346}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5C4373" />
<stop offset={1} stopColor="#3F3944" />
</linearGradient>
<linearGradient
id="paint16_linear_18_11612"
x1={13.0275}
y1={20.1346}
x2={15.0657}
y2={20.1346}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5C4373" />
<stop offset={1} stopColor="#3F3944" />
</linearGradient>
<linearGradient
id="paint17_linear_18_11612"
x1={23.9657}
y1={13.4764}
x2={24.4394}
y2={13.4764}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3D3740" />
<stop offset={1} stopColor="#453A4E" />
</linearGradient>
<linearGradient
id="paint18_linear_18_11612"
x1={12.5385}
y1={13.4764}
x2={12.9453}
y2={13.4764}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3D3740" />
<stop offset={1} stopColor="#453A4E" />
</linearGradient>
<linearGradient
id="paint19_linear_18_11612"
x1={13.7854}
y1={8.14929}
x2={24.8778}
y2={17.9013}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D1C4D9" />
<stop offset={1} stopColor="#DDCDE7" />
</linearGradient>
<linearGradient
id="paint20_linear_18_11612"
x1={24.5154}
y1={13.07}
x2={25.4298}
y2={13.07}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3F3742" />
<stop offset={1} stopColor="#543F68" />
</linearGradient>
<linearGradient
id="paint21_linear_18_11612"
x1={11.6392}
y1={13.07}
x2={12.5536}
y2={13.07}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3F3742" />
<stop offset={1} stopColor="#543F68" />
</linearGradient>
<linearGradient
id="paint22_linear_18_11612"
x1={14.2014}
y1={15.9687}
x2={21.3421}
y2={19.8078}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EEB742" />
<stop offset={1} stopColor="#E2A53E" />
</linearGradient>
<linearGradient
id="paint23_linear_18_11612"
x1={14.0466}
y1={12.2306}
x2={22.9534}
y2={12.2306}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#389BEC" />
<stop offset={1} stopColor="#57D4F4" />
</linearGradient>
<linearGradient
id="paint24_linear_18_11612"
x1={14.0466}
y1={10.3606}
x2={22.9534}
y2={10.3606}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#403B44" />
<stop offset={1} stopColor="#5A436E" />
</linearGradient>
<linearGradient
id="paint25_linear_18_11612"
x1={15.5446}
y1={16.8013}
x2={21.4859}
y2={16.8013}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5B5360" />
<stop offset={1} stopColor="#68606D" />
</linearGradient>
<linearGradient
id="paint26_linear_18_11612"
x1={16.5229}
y1={17.8001}
x2={20.477}
y2={17.8001}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5B5360" />
<stop offset={1} stopColor="#68606D" />
</linearGradient>
<linearGradient
id="paint27_linear_18_11612"
x1={13.0275}
y1={17.8654}
x2={14.3631}
y2={17.8654}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C7B8D1" />
<stop offset={1} stopColor="#DECEE6" />
</linearGradient>
<linearGradient
id="paint28_linear_18_11612"
x1={22.4643}
y1={17.5401}
x2={24.2932}
y2={17.5401}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C7B8D1" />
<stop offset={1} stopColor="#DECEE6" />
</linearGradient>
</defs>
</svg>
);
module.exports = BusStopIcon;