@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
437 lines (436 loc) • 14.7 kB
JSX
const React = require("react");
const SeatIcon = ({ 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="M10.0002 5.3583C9.92773 5.09185 10.0849 4.81707 10.3514 4.74455L12.8872 4.05442C13.1536 3.9819 13.4284 4.13911 13.5009 4.40556L14.7674 9.05921C14.84 9.32566 14.6827 9.60045 14.4163 9.67296L11.8805 10.3631C11.6141 10.4356 11.3393 10.2784 11.2668 10.0119L10.0002 5.3583Z"
fill="url(#paint0_linear_18_12807)"
/>
<path
d="M10.0002 5.3583C9.92773 5.09185 10.0849 4.81707 10.3514 4.74455L12.8872 4.05442C13.1536 3.9819 13.4284 4.13911 13.5009 4.40556L14.7674 9.05921C14.84 9.32566 14.6827 9.60045 14.4163 9.67296L11.8805 10.3631C11.6141 10.4356 11.3393 10.2784 11.2668 10.0119L10.0002 5.3583Z"
fill="url(#paint1_linear_18_12807)"
/>
<path
d="M10.0002 5.3583C9.92773 5.09185 10.0849 4.81707 10.3514 4.74455L12.8872 4.05442C13.1536 3.9819 13.4284 4.13911 13.5009 4.40556L14.7674 9.05921C14.84 9.32566 14.6827 9.60045 14.4163 9.67296L11.8805 10.3631C11.6141 10.4356 11.3393 10.2784 11.2668 10.0119L10.0002 5.3583Z"
fill="url(#paint2_radial_18_12807)"
/>
<g filter="url(#filter0_ii_18_12807)">
<path
d="M6.60651 5.18325C6.43427 4.53974 6.81914 3.8791 7.46389 3.71155L9.89182 3.08061C10.5296 2.91486 11.1818 3.29446 11.3526 3.93091L15.5908 19.7187H10.4971L6.60651 5.18325Z"
fill="url(#paint3_linear_18_12807)"
/>
</g>
<path
d="M6.60651 5.18325C6.43427 4.53974 6.81914 3.8791 7.46389 3.71155L9.89182 3.08061C10.5296 2.91486 11.1818 3.29446 11.3526 3.93091L15.5908 19.7187H10.4971L6.60651 5.18325Z"
fill="url(#paint4_linear_18_12807)"
/>
<g filter="url(#filter1_i_18_12807)">
<path
d="M11.6599 24.1899L10.4067 19.3755C10.3655 19.2171 10.485 19.0625 10.6486 19.0625H25.4346C25.9869 19.0625 26.4346 19.5102 26.4346 20.0625V24.125C26.4346 24.6773 25.9869 25.125 25.4346 25.125H12.8696C12.3005 25.125 11.8033 24.7406 11.6599 24.1899Z"
fill="url(#paint5_linear_18_12807)"
/>
</g>
<path
d="M12.9357 29.1035L12.1409 26.4078C11.952 25.7672 12.4322 25.125 13.1001 25.125H25.4346C25.9869 25.125 26.4346 25.5727 26.4346 26.125V29C26.4346 29.5523 25.9869 30 25.4346 30H14.1347C13.5805 30 13.0924 29.6351 12.9357 29.1035Z"
fill="url(#paint6_linear_18_12807)"
/>
<path
d="M12.9357 29.1035L12.1409 26.4078C11.952 25.7672 12.4322 25.125 13.1001 25.125H25.4346C25.9869 25.125 26.4346 25.5727 26.4346 26.125V29C26.4346 29.5523 25.9869 30 25.4346 30H14.1347C13.5805 30 13.0924 29.6351 12.9357 29.1035Z"
fill="url(#paint7_linear_18_12807)"
/>
<path
d="M12.9357 29.1035L12.1409 26.4078C11.952 25.7672 12.4322 25.125 13.1001 25.125H25.4346C25.9869 25.125 26.4346 25.5727 26.4346 26.125V29C26.4346 29.5523 25.9869 30 25.4346 30H14.1347C13.5805 30 13.0924 29.6351 12.9357 29.1035Z"
fill="url(#paint8_linear_18_12807)"
/>
<path
d="M12.9357 29.1035L12.1409 26.4078C11.952 25.7672 12.4322 25.125 13.1001 25.125H25.4346C25.9869 25.125 26.4346 25.5727 26.4346 26.125V29C26.4346 29.5523 25.9869 30 25.4346 30H14.1347C13.5805 30 13.0924 29.6351 12.9357 29.1035Z"
fill="url(#paint9_linear_18_12807)"
/>
<path
d="M12.6104 28L12.9357 29.1035C13.0924 29.6351 13.5805 30 14.1347 30H25.4346C25.9869 30 26.4346 29.5523 26.4346 29V28H12.6104Z"
fill="url(#paint10_linear_18_12807)"
/>
<path
d="M12.6104 28L12.9357 29.1035C13.0924 29.6351 13.5805 30 14.1347 30H25.4346C25.9869 30 26.4346 29.5523 26.4346 29V28H12.6104Z"
fill="url(#paint11_linear_18_12807)"
/>
<path
d="M12.6104 28L12.9357 29.1035C13.0924 29.6351 13.5805 30 14.1347 30H25.4346C25.9869 30 26.4346 29.5523 26.4346 29V28H12.6104Z"
fill="url(#paint12_linear_18_12807)"
/>
<path
d="M12.6104 28L12.9357 29.1035C13.0924 29.6351 13.5805 30 14.1347 30H25.4346C25.9869 30 26.4346 29.5523 26.4346 29V28H12.6104Z"
fill="url(#paint13_linear_18_12807)"
/>
<path
d="M12.6104 28L12.9357 29.1035C13.0924 29.6351 13.5805 30 14.1347 30H25.4346C25.9869 30 26.4346 29.5523 26.4346 29V28H12.6104Z"
fill="url(#paint14_radial_18_12807)"
/>
<g filter="url(#filter2_f_18_12807)">
<path
d="M9.88603 16.0987C9.63885 15.1773 10.3331 14.2722 11.2871 14.2722L13.9141 14.2722L14.7778 17.1735H11.2871C10.6307 17.1735 10.0561 16.7327 9.88603 16.0987V16.0987Z"
fill="#536EA7"
/>
</g>
<g filter="url(#filter3_i_18_12807)">
<rect
x={9.98257}
y={14.0312}
width={13}
height={3}
rx={1.5}
fill="url(#paint15_linear_18_12807)"
/>
<rect
x={9.98257}
y={14.0312}
width={13}
height={3}
rx={1.5}
fill="url(#paint16_radial_18_12807)"
/>
</g>
<defs>
<filter
id="filter0_ii_18_12807"
x={6.1654}
y={2.64175}
width={9.82544}
height={17.077}
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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.25098 0 0 0 0 0.462745 0 0 0 0 0.682353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12807"
/>
<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} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.517647 0 0 0 0 0.996078 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_12807"
result="effect2_innerShadow_18_12807"
/>
</filter>
<filter
id="filter1_i_18_12807"
x={10.3985}
y={19.0625}
width={16.0361}
height={6.3125}
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.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.529412 0 0 0 0 0.976471 0 0 0 0 0.996078 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12807"
/>
</filter>
<filter
id="filter2_f_18_12807"
x={9.43569}
y={13.8722}
width={5.7421}
height={3.70137}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_12807"
/>
</filter>
<filter
id="filter3_i_18_12807"
x={9.98257}
y={13.7812}
width={13.25}
height={3.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={0.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.537255 0 0 0 0 0.505882 0 0 0 0 0.603922 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12807"
/>
</filter>
<linearGradient
id="paint0_linear_18_12807"
x1={12.3838}
y1={4.80258}
x2={13.861}
y2={10.759}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C4C0CD" />
<stop offset={1} stopColor="#9B95A7" />
</linearGradient>
<linearGradient
id="paint1_linear_18_12807"
x1={14.3092}
y1={6.85553}
x2={13.6152}
y2={7.05793}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DCD8DE" />
<stop offset={1} stopColor="#DCD8DE" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_12807"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.3694 4.03674) rotate(73.9301) scale(1.88024 0.354669)"
>
<stop stopColor="#D4CFD7" />
<stop offset={1} stopColor="#D4CFD7" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_12807"
x1={8.56544}
y1={3.58611}
x2={13.164}
y2={20.9585}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#65D6F6" />
<stop offset={1} stopColor="#529FE7" />
</linearGradient>
<linearGradient
id="paint4_linear_18_12807"
x1={16.9202}
y1={17.3187}
x2={11.8803}
y2={16.5499}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#55A0E9" />
<stop offset={1} stopColor="#55A0E9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_12807"
x1={18.3799}
y1={19.625}
x2={18.3799}
y2={25.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#62C8F7" />
<stop offset={1} stopColor="#4991E3" />
</linearGradient>
<linearGradient
id="paint6_linear_18_12807"
x1={12.6466}
y1={27.2405}
x2={26.4346}
y2={27.2405}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AEA4B3" />
<stop offset={1} stopColor="#D1C6D7" />
</linearGradient>
<linearGradient
id="paint7_linear_18_12807"
x1={26.4346}
y1={27.1249}
x2={25.6438}
y2={27.1104}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F4EEF7" />
<stop offset={1} stopColor="#F4EEF7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_12807"
x1={12.6193}
y1={27.9686}
x2={13.9857}
y2={27.627}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#78707D" />
<stop offset={1} stopColor="#78707D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_12807"
x1={19.267}
y1={25.125}
x2={19.267}
y2={25.3047}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#546692" />
<stop offset={1} stopColor="#546692" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_12807"
x1={13.4971}
y1={29}
x2={26.4346}
y2={29}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4D3F55" />
<stop offset={1} stopColor="#664875" />
</linearGradient>
<linearGradient
id="paint11_linear_18_12807"
x1={19.7555}
y1={30}
x2={19.7555}
y2={29.3275}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3B2C45" />
<stop offset={1} stopColor="#3B2C45" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_12807"
x1={13.1177}
y1={29.4447}
x2={15.2118}
y2={29.3536}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#39343C" />
<stop offset={1} stopColor="#39343C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_12807"
x1={17.4424}
y1={28}
x2={17.4424}
y2={28.2156}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#39343C" />
<stop offset={1} stopColor="#39343C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint14_radial_18_12807"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.2055 28) rotate(90) scale(1.55847 0.819408)"
>
<stop stopColor="#7B638A" />
<stop offset={1} stopColor="#7B638A" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_12807"
x1={16.4826}
y1={14.5716}
x2={16.4826}
y2={17.0312}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C6C2C9" />
<stop offset={1} stopColor="#888099" />
</linearGradient>
<radialGradient
id="paint16_radial_18_12807"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.7443 14.7952) rotate(165.069) scale(1.48727 1.92319)"
>
<stop stopColor="#DBD8DC" />
<stop offset={1} stopColor="#DBD8DC" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = SeatIcon;