@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
441 lines (440 loc) • 15 kB
JSX
const React = require("react");
const BedIcon = ({ 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="M4.06445 26.8438H7.04102V29.8906H4.06445V26.8438Z"
fill="url(#paint0_linear_18_25598)"
/>
<path
d="M4.06445 26.8438H7.04102V29.8906H4.06445V26.8438Z"
fill="url(#paint1_linear_18_25598)"
/>
<path
d="M24.9395 26.8438H27.916V29.8906H24.9395V26.8438Z"
fill="url(#paint2_linear_18_25598)"
/>
<path
d="M24.9395 26.8438H27.916V29.8906H24.9395V26.8438Z"
fill="url(#paint3_linear_18_25598)"
/>
<g filter="url(#filter0_i_18_25598)">
<path
d="M3.52344 10.0039C4.32274 10.0039 4.9707 10.6519 4.9707 11.4512L4.9707 20.65C4.9707 20.7052 4.92593 20.75 4.8707 20.75H2.17617C2.12094 20.75 2.07617 20.7052 2.07617 20.65L2.07617 11.4512C2.07617 10.6519 2.72414 10.0039 3.52344 10.0039Z"
fill="url(#paint4_linear_18_25598)"
/>
<path
d="M3.52344 10.0039C4.32274 10.0039 4.9707 10.6519 4.9707 11.4512L4.9707 20.65C4.9707 20.7052 4.92593 20.75 4.8707 20.75H2.17617C2.12094 20.75 2.07617 20.7052 2.07617 20.65L2.07617 11.4512C2.07617 10.6519 2.72414 10.0039 3.52344 10.0039Z"
fill="url(#paint5_radial_18_25598)"
/>
</g>
<g filter="url(#filter1_ii_18_25598)">
<path
d="M4.9707 16.4843C4.9707 16.7605 5.19456 16.9843 5.4707 16.9843H13.0801C13.2181 16.9843 13.3301 16.8724 13.3301 16.7343V16.0491C13.3301 15.3981 12.8814 14.833 12.2474 14.6855L6.68802 13.3918C5.8101 13.1875 4.9707 13.854 4.9707 14.7553V16.4843Z"
fill="url(#paint6_linear_18_25598)"
/>
</g>
<path
d="M2.07617 20.95C2.07617 20.8395 2.16571 20.75 2.27617 20.75H29.7238C29.8343 20.75 29.9238 20.8395 29.9238 20.95V27.6984C29.9238 27.8089 29.8343 27.8984 29.7238 27.8984H2.27617C2.16572 27.8984 2.07617 27.8089 2.07617 27.6984V20.95Z"
fill="url(#paint7_linear_18_25598)"
/>
<path
d="M2.07617 20.95C2.07617 20.8395 2.16571 20.75 2.27617 20.75H29.7238C29.8343 20.75 29.9238 20.8395 29.9238 20.95V27.6984C29.9238 27.8089 29.8343 27.8984 29.7238 27.8984H2.27617C2.16572 27.8984 2.07617 27.8089 2.07617 27.6984V20.95Z"
fill="url(#paint8_linear_18_25598)"
/>
<path
d="M2.07617 20.95C2.07617 20.8395 2.16571 20.75 2.27617 20.75H29.7238C29.8343 20.75 29.9238 20.8395 29.9238 20.95V27.6984C29.9238 27.8089 29.8343 27.8984 29.7238 27.8984H2.27617C2.16572 27.8984 2.07617 27.8089 2.07617 27.6984V20.95Z"
fill="url(#paint9_linear_18_25598)"
/>
<path
d="M2.07617 20.95C2.07617 20.8395 2.16571 20.75 2.27617 20.75H29.7238C29.8343 20.75 29.9238 20.8395 29.9238 20.95V27.6984C29.9238 27.8089 29.8343 27.8984 29.7238 27.8984H2.27617C2.16572 27.8984 2.07617 27.8089 2.07617 27.6984V20.95Z"
fill="url(#paint10_linear_18_25598)"
/>
<g filter="url(#filter2_f_18_25598)">
<path
d="M14.592 18.5695C14.592 18.0824 15.1517 17.6875 15.842 17.6875H25.9827C27.9157 17.6875 29.4827 18.7932 29.4827 20.1571V22.124C29.4827 22.2799 29.3036 22.4062 29.0827 22.4062H14.992C14.7711 22.4062 14.592 22.2799 14.592 22.124V18.5695Z"
fill="#361663"
/>
</g>
<g filter="url(#filter3_i_18_25598)">
<path
d="M4.9707 17.4844C4.9707 17.2082 5.19456 16.9844 5.4707 16.9844H17.2051V20.75H5.4707C5.19456 20.75 4.9707 20.5261 4.9707 20.25V17.4844Z"
fill="#A8A5E6"
/>
</g>
<path
d="M4.9707 17.4844C4.9707 17.2082 5.19456 16.9844 5.4707 16.9844H17.2051V20.75H5.4707C5.19456 20.75 4.9707 20.5261 4.9707 20.25V17.4844Z"
fill="url(#paint11_linear_18_25598)"
/>
<g filter="url(#filter4_i_18_25598)">
<path
d="M15.0332 16.5469C15.0332 15.8565 15.5928 15.2969 16.2832 15.2969H26.4238C28.3568 15.2969 29.9238 16.8639 29.9238 18.7969V21.5844C29.9238 21.8053 29.7447 21.9844 29.5238 21.9844H15.4332C15.2123 21.9844 15.0332 21.8053 15.0332 21.5844V16.5469Z"
fill="url(#paint12_linear_18_25598)"
/>
<path
d="M15.0332 16.5469C15.0332 15.8565 15.5928 15.2969 16.2832 15.2969H26.4238C28.3568 15.2969 29.9238 16.8639 29.9238 18.7969V21.5844C29.9238 21.8053 29.7447 21.9844 29.5238 21.9844H15.4332C15.2123 21.9844 15.0332 21.8053 15.0332 21.5844V16.5469Z"
fill="url(#paint13_linear_18_25598)"
/>
</g>
<path
d="M15.0332 16.5469C15.0332 15.8565 15.5928 15.2969 16.2832 15.2969H26.4238C28.3568 15.2969 29.9238 16.8639 29.9238 18.7969V21.5844C29.9238 21.8053 29.7447 21.9844 29.5238 21.9844H15.4332C15.2123 21.9844 15.0332 21.8053 15.0332 21.5844V16.5469Z"
fill="url(#paint14_linear_18_25598)"
/>
<defs>
<filter
id="filter0_i_18_25598"
x={2.07617}
y={10.0039}
width={3.89453}
height={11.2461}
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} 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.152941 0 0 0 0 0.121569 0 0 0 0 0.317647 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25598"
/>
</filter>
<filter
id="filter1_ii_18_25598"
x={4.8207}
y={13.1047}
width={8.75938}
height={4.02964}
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.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0117647 0 0 0 0 0.321569 0 0 0 0 0.647059 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25598"
/>
<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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.231373 0 0 0 0 0.533333 0 0 0 0 0.823529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25598"
result="effect2_innerShadow_18_25598"
/>
</filter>
<filter
id="filter2_f_18_25598"
x={13.842}
y={16.9375}
width={16.3906}
height={6.21875}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_25598"
/>
</filter>
<filter
id="filter3_i_18_25598"
x={4.9707}
y={16.9844}
width={12.2344}
height={3.76562}
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 />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.501961 0 0 0 0 0.52549 0 0 0 0 0.737255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25598"
/>
</filter>
<filter
id="filter4_i_18_25598"
x={14.2832}
y={15.2969}
width={15.6406}
height={6.9375}
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.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.266667 0 0 0 0 0.576471 0 0 0 0 0.823529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25598"
/>
</filter>
<linearGradient
id="paint0_linear_18_25598"
x1={5.55273}
y1={27.7187}
x2={5.55273}
y2={29.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#927EE0" />
<stop offset={1} stopColor="#A69BEA" />
</linearGradient>
<linearGradient
id="paint1_linear_18_25598"
x1={3.9707}
y1={29.1875}
x2={4.29883}
y2={29.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#807ABD" />
<stop offset={1} stopColor="#807ABD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_25598"
x1={26.4277}
y1={27.7187}
x2={26.4277}
y2={29.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#927EE0" />
<stop offset={1} stopColor="#A69BEA" />
</linearGradient>
<linearGradient
id="paint3_linear_18_25598"
x1={24.8457}
y1={29.1875}
x2={25.1738}
y2={29.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#807ABD" />
<stop offset={1} stopColor="#807ABD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_25598"
x1={3.81445}
y1={13.0313}
x2={3.52344}
y2={20.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3F3377" />
<stop offset={1} stopColor="#45266E" />
</linearGradient>
<radialGradient
id="paint5_radial_18_25598"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.31445 11) rotate(90) scale(0.90625 0.84375)"
>
<stop stopColor="#42477D" />
<stop offset={1} stopColor="#42477D" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_25598"
x1={6.18945}
y1={16.3125}
x2={12.877}
y2={16.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#236BCE" />
<stop offset={1} stopColor="#236ED0" />
</linearGradient>
<linearGradient
id="paint7_linear_18_25598"
x1={18.5957}
y1={27.8984}
x2={18.5957}
y2={20.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#52216C" />
<stop offset={1} stopColor="#46256E" />
</linearGradient>
<linearGradient
id="paint8_linear_18_25598"
x1={2.07617}
y1={26.6875}
x2={3.5332}
y2={26.6875}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.212815} stopColor="#3D294A" />
<stop offset={1} stopColor="#3D294A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_25598"
x1={29.9238}
y1={26.5313}
x2={28.377}
y2={26.5313}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.151515} stopColor="#533472" />
<stop offset={1} stopColor="#533472" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_25598"
x1={16}
y1={20.75}
x2={16}
y2={21.3438}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#39225A" />
<stop offset={1} stopColor="#39225A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_25598"
x1={16.0332}
y1={20.75}
x2={12.7207}
y2={20.75}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.264151} stopColor="#7874AE" />
<stop offset={0.9999} stopColor="#A8A5E6" stopOpacity={0} />
<stop offset={1} stopColor="#7874AE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_25598"
x1={15.2832}
y1={18.875}
x2={29.9238}
y2={18.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#246ED3" />
<stop offset={1} stopColor="#256AD3" />
</linearGradient>
<linearGradient
id="paint13_linear_18_25598"
x1={15.0332}
y1={20.0625}
x2={16.502}
y2={20.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#183BA0" />
<stop offset={1} stopColor="#174FCB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_25598"
x1={26.252}
y1={22.2656}
x2={26.252}
y2={21.5469}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#1030C8" />
<stop offset={1} stopColor="#1030C8" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = BedIcon;