@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
430 lines (429 loc) • 14.1 kB
JSX
const React = require("react");
const ChairIcon = ({ 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}
<rect
x={11.0566}
y={7.86719}
width={1.92969}
height={7.34375}
fill="url(#paint0_linear_18_25742)"
/>
<rect
x={11.0566}
y={7.86719}
width={1.92969}
height={7.34375}
fill="url(#paint1_linear_18_25742)"
/>
<rect
x={11.0566}
y={7.86719}
width={1.92969}
height={7.34375}
fill="url(#paint2_radial_18_25742)"
/>
<rect
x={18.9941}
y={7.86719}
width={1.92969}
height={7.34375}
fill="url(#paint3_linear_18_25742)"
/>
<rect
x={18.9941}
y={7.86719}
width={1.92969}
height={7.34375}
fill="url(#paint4_linear_18_25742)"
/>
<rect
x={18.9941}
y={7.86719}
width={1.92969}
height={7.34375}
fill="url(#paint5_radial_18_25742)"
/>
<path
d="M8.97852 4.65625C8.97852 3.68975 9.76202 2.90625 10.7285 2.90625H21.291C22.2575 2.90625 23.041 3.68975 23.041 4.65625V5.95312C23.041 7.74805 21.5859 9.20312 19.791 9.20312H12.2285C10.4336 9.20312 8.97852 7.74805 8.97852 5.95312V4.65625Z"
fill="url(#paint6_linear_18_25742)"
/>
<path
d="M10.9785 20.1875H13.0488L12.4577 26.455C12.4252 26.7994 12.1361 27.0625 11.7902 27.0625C11.4258 27.0625 11.1282 26.7715 11.1199 26.4073L10.9785 20.1875Z"
fill="url(#paint7_radial_18_25742)"
/>
<path
d="M10.9785 20.1875H13.0488L12.4577 26.455C12.4252 26.7994 12.1361 27.0625 11.7902 27.0625C11.4258 27.0625 11.1282 26.7715 11.1199 26.4073L10.9785 20.1875Z"
fill="url(#paint8_linear_18_25742)"
/>
<g filter="url(#filter0_i_18_25742)">
<path
d="M8.23918 29.3366L11.2474 20.5469H8.40369L6.64566 28.8905C6.53707 29.4059 6.93029 29.8906 7.457 29.8906C7.80888 29.8906 8.12243 29.6685 8.23918 29.3366Z"
fill="#803F44"
/>
<path
d="M8.23918 29.3366L11.2474 20.5469H8.40369L6.64566 28.8905C6.53707 29.4059 6.93029 29.8906 7.457 29.8906C7.80888 29.8906 8.12243 29.6685 8.23918 29.3366Z"
fill="url(#paint9_radial_18_25742)"
/>
</g>
<path
d="M21.002 20.1875H18.9316L19.5228 26.455C19.5553 26.7994 19.8444 27.0625 20.1903 27.0625C20.5546 27.0625 20.8523 26.7715 20.8606 26.4073L21.002 20.1875Z"
fill="url(#paint10_radial_18_25742)"
/>
<path
d="M21.002 20.1875H18.9316L19.5228 26.455C19.5553 26.7994 19.8444 27.0625 20.1903 27.0625C20.5546 27.0625 20.8523 26.7715 20.8606 26.4073L21.002 20.1875Z"
fill="url(#paint11_linear_18_25742)"
/>
<g filter="url(#filter1_i_18_25742)">
<path
d="M23.7608 29.3366L20.7526 20.5469H23.5963L25.3543 28.8905C25.4629 29.4059 25.0697 29.8906 24.543 29.8906C24.1911 29.8906 23.8776 29.6685 23.7608 29.3366Z"
fill="#803F44"
/>
<path
d="M23.7608 29.3366L20.7526 20.5469H23.5963L25.3543 28.8905C25.4629 29.4059 25.0697 29.8906 24.543 29.8906C24.1911 29.8906 23.8776 29.6685 23.7608 29.3366Z"
fill="url(#paint12_radial_18_25742)"
/>
</g>
<g filter="url(#filter2_f_18_25742)">
<path
d="M22.475 21.0228L23.2838 21.0226L25.0254 28.7354C25.0551 28.8671 24.9743 28.9984 24.8433 29.0312V29.0312C24.7114 29.0641 24.5775 28.985 24.5428 28.8536L22.475 21.0228Z"
fill="#9D6C67"
/>
</g>
<g filter="url(#filter3_f_18_25742)">
<path
d="M10.3436 21.437L9.53484 21.4368L7.35698 29.0017C7.31815 29.1365 7.39893 29.2767 7.5351 29.3108V29.3108C7.66141 29.3424 7.79062 29.2709 7.83096 29.1471L10.3436 21.437Z"
fill="url(#paint13_linear_18_25742)"
/>
</g>
<path
d="M9.49991 14.6301C9.78012 14.2257 10.2409 13.9844 10.7329 13.9844H21.1667C21.6473 13.9844 22.0987 14.2146 22.3809 14.6035L24.6015 17.6644C25.6566 19.1188 24.6176 21.1563 22.8207 21.1563H9.17914C7.40415 21.1563 6.3599 19.1624 7.37075 17.7034L9.49991 14.6301Z"
fill="url(#paint14_linear_18_25742)"
/>
<path
d="M6.98158 18.7853C6.88978 19.9878 7.82032 21.1563 9.17921 21.1563H22.8207C24.1832 21.1563 25.1101 19.9848 25.0184 18.7843C24.9367 19.8614 24.0585 20.8282 22.8207 20.8282H9.17921C7.94459 20.8282 7.06349 19.8636 6.98158 18.7853Z"
fill="#903F64"
/>
<path
d="M6.98158 18.7853C6.88978 19.9878 7.82032 21.1563 9.17921 21.1563H22.8207C24.1832 21.1563 25.1101 19.9848 25.0184 18.7843C24.9367 19.8614 24.0585 20.8282 22.8207 20.8282H9.17921C7.94459 20.8282 7.06349 19.8636 6.98158 18.7853Z"
fill="url(#paint15_linear_18_25742)"
/>
<path
d="M6.98157 18.7853C7.06348 19.8636 7.94458 20.8282 9.1792 20.8282H22.8207C24.0585 20.8282 24.9366 19.8614 25.0184 18.7843"
stroke="url(#paint16_linear_18_25742)"
strokeWidth={0.1}
/>
<defs>
<filter
id="filter0_i_18_25742"
x={6.62756}
y={20.2969}
width={5.11987}
height={9.59375}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.458824 0 0 0 0 0.254902 0 0 0 0 0.286275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25742"
/>
</filter>
<filter
id="filter1_i_18_25742"
x={20.7526}
y={20.2969}
width={4.86987}
height={9.59375}
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.458824 0 0 0 0 0.254902 0 0 0 0 0.286275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25742"
/>
</filter>
<filter
id="filter2_f_18_25742"
x={21.8751}
y={20.4226}
width={3.7564}
height={9.21599}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_25742"
/>
</filter>
<filter
id="filter3_f_18_25742"
x={6.74729}
y={20.8368}
width={4.19634}
height={9.08147}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_25742"
/>
</filter>
<linearGradient
id="paint0_linear_18_25742"
x1={11.3691}
y1={11.5391}
x2={12.6191}
y2={11.5391}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7D4240" />
<stop offset={1} stopColor="#905B58" />
</linearGradient>
<linearGradient
id="paint1_linear_18_25742"
x1={11.0566}
y1={12.7969}
x2={11.5879}
y2={12.7969}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6F4239" />
<stop offset={1} stopColor="#6F4239" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_25742"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.291 8.67188) rotate(95.4119) scale(1.49102 3.6804)"
>
<stop offset={0.252554} stopColor="#4C1D28" />
<stop offset={1} stopColor="#7A4145" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_25742"
x1={19.3066}
y1={11.5391}
x2={20.5566}
y2={11.5391}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7D4240" />
<stop offset={0.8125} stopColor="#905B58" />
</linearGradient>
<linearGradient
id="paint4_linear_18_25742"
x1={18.9941}
y1={12.7969}
x2={19.5254}
y2={12.7969}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6F4239" />
<stop offset={1} stopColor="#6F4239" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_25742"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.7598 8.5625) rotate(78.3664) scale(1.62718 4.01648)"
>
<stop offset={0.332503} stopColor="#4C1D28" />
<stop offset={1} stopColor="#7A4145" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_25742"
x1={16.0098}
y1={2.90625}
x2={16.0098}
y2={9.20312}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#925253" />
<stop offset={1} stopColor="#9D5C5A" />
</linearGradient>
<radialGradient
id="paint7_radial_18_25742"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.8379 26.5) rotate(-86.367) scale(5.91814 3.47947)"
>
<stop stopColor="#602E49" />
<stop offset={1} stopColor="#3E1531" />
</radialGradient>
<linearGradient
id="paint8_linear_18_25742"
x1={10.9785}
y1={22.4531}
x2={11.8066}
y2={22.4844}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#554344" />
<stop offset={1} stopColor="#554344" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_25742"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.94909 20.5469) rotate(110.368) scale(2.90644 4.6918)"
>
<stop offset={0.388902} stopColor="#531C30" />
<stop offset={1} stopColor="#804044" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_18_25742"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.1426 26.5) rotate(-93.633) scale(5.91814 3.47947)"
>
<stop stopColor="#602E49" />
<stop offset={1} stopColor="#3E1531" />
</radialGradient>
<linearGradient
id="paint11_linear_18_25742"
x1={21.002}
y1={22.4531}
x2={20.1738}
y2={22.4844}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#554344" />
<stop offset={1} stopColor="#554344" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_25742"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.6268 20.7861) rotate(67.1412) scale(2.18353 3.52482)"
>
<stop offset={0.282632} stopColor="#531C30" />
<stop offset={1} stopColor="#804044" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_18_25742"
x1={7.46375}
y1={28.9321}
x2={9.79132}
y2={20.8248}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.487259} stopColor="#9D6C67" />
<stop offset={1} stopColor="#9D6C67" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_25742"
x1={16}
y1={13.9844}
x2={16}
y2={21.1563}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.220044} stopColor="#8A4C40" />
<stop offset={0.877996} stopColor="#9B5C4C" />
</linearGradient>
<linearGradient
id="paint15_linear_18_25742"
x1={6.97534}
y1={19.9703}
x2={9.68164}
y2={19.9703}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#825257" />
<stop offset={1} stopColor="#825257" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_25742"
x1={3.40039}
y1={20.6262}
x2={26.9316}
y2={20.6262}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.136122} stopColor="#AF736C" stopOpacity={0} />
<stop offset={0.420601} stopColor="#AF736C" />
<stop offset={0.805445} stopColor="#AF736C" />
<stop offset={0.90073} stopColor="#AF736C" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = ChairIcon;