@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
462 lines (461 loc) • 13.7 kB
JSX
const React = require("react");
const DoorIcon = ({ 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_ii_18_25393)">
<rect
x={8.01367}
y={2.17188}
width={15.9219}
height={27.9375}
rx={1.6}
fill="url(#paint0_linear_18_25393)"
/>
<rect
x={8.01367}
y={2.17188}
width={15.9219}
height={27.9375}
rx={1.6}
fill="url(#paint1_radial_18_25393)"
/>
</g>
<g filter="url(#filter1_iii_18_25393)">
<rect
x={9.83789}
y={4.14453}
width={12.3242}
height={8.80078}
rx={1.4}
fill="url(#paint2_linear_18_25393)"
/>
</g>
<g filter="url(#filter2_iii_18_25393)">
<rect
x={9.83789}
y={16.1875}
width={12.3242}
height={4.85938}
rx={1.4}
fill="url(#paint3_linear_18_25393)"
/>
</g>
<g filter="url(#filter3_iii_18_25393)">
<rect
x={9.83789}
y={23.1367}
width={12.3242}
height={4.85938}
rx={1.4}
fill="url(#paint4_linear_18_25393)"
/>
</g>
<g filter="url(#filter4_f_18_25393)">
<circle cx={21.8105} cy={14.9766} r={1.02344} fill="#C76B48" />
</g>
<circle
cx={22.1621}
cy={14.5898}
r={1.02344}
fill="url(#paint5_radial_18_25393)"
/>
<circle
cx={22.1621}
cy={14.5898}
r={1.02344}
fill="url(#paint6_radial_18_25393)"
/>
<circle
cx={22.1621}
cy={14.5898}
r={1.02344}
fill="url(#paint7_radial_18_25393)"
/>
<defs>
<filter
id="filter0_ii_18_25393"
x={7.81367}
y={1.67188}
width={16.6219}
height={28.6375}
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.5} />
<feGaussianBlur stdDeviation={0.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.694118 0 0 0 0 0.368627 0 0 0 0 0.329412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25393"
/>
<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.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.811765 0 0 0 0 0.556863 0 0 0 0 0.321569 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25393"
result="effect2_innerShadow_18_25393"
/>
</filter>
<filter
id="filter1_iii_18_25393"
x={9.33789}
y={3.64453}
width={13.3242}
height={9.80078}
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.5} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.811765 0 0 0 0 0.592157 0 0 0 0 0.435294 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25393"
/>
<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.2} dy={-0.4} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.760784 0 0 0 0 0.486275 0 0 0 0 0.270588 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25393"
result="effect2_innerShadow_18_25393"
/>
<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.5} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.717647 0 0 0 0 0.403922 0 0 0 0 0.278431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_25393"
result="effect3_innerShadow_18_25393"
/>
</filter>
<filter
id="filter2_iii_18_25393"
x={9.33789}
y={15.6875}
width={13.3242}
height={5.85938}
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.5} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.811765 0 0 0 0 0.592157 0 0 0 0 0.435294 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25393"
/>
<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.2} dy={-0.4} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.760784 0 0 0 0 0.486275 0 0 0 0 0.270588 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25393"
result="effect2_innerShadow_18_25393"
/>
<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.5} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.717647 0 0 0 0 0.403922 0 0 0 0 0.278431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_25393"
result="effect3_innerShadow_18_25393"
/>
</filter>
<filter
id="filter3_iii_18_25393"
x={9.33789}
y={22.6367}
width={13.3242}
height={5.85938}
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.5} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.811765 0 0 0 0 0.592157 0 0 0 0 0.435294 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25393"
/>
<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.2} dy={-0.4} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.760784 0 0 0 0 0.486275 0 0 0 0 0.270588 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25393"
result="effect2_innerShadow_18_25393"
/>
<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.5} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.717647 0 0 0 0 0.403922 0 0 0 0 0.278431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_25393"
result="effect3_innerShadow_18_25393"
/>
</filter>
<filter
id="filter4_f_18_25393"
x={20.1371}
y={13.3031}
width={3.34687}
height={3.34687}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.325}
result="effect1_foregroundBlur_18_25393"
/>
</filter>
<linearGradient
id="paint0_linear_18_25393"
x1={15.9746}
y1={2.17187}
x2={15.9746}
y2={30.1094}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DA9662" />
<stop offset={1} stopColor="#D58763" />
</linearGradient>
<radialGradient
id="paint1_radial_18_25393"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.9355 2.64927) rotate(137.527) scale(2.60094 2.379)"
>
<stop offset={0.0393727} stopColor="#E8A66F" />
<stop offset={1} stopColor="#E8A66F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_25393"
x1={9.83789}
y1={8.85937}
x2={22.1621}
y2={8.85938}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CC8D6A" />
<stop offset={1} stopColor="#C48462" />
</linearGradient>
<linearGradient
id="paint3_linear_18_25393"
x1={9.83789}
y1={18.7908}
x2={22.1621}
y2={18.7908}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CC8D6A" />
<stop offset={1} stopColor="#C48462" />
</linearGradient>
<linearGradient
id="paint4_linear_18_25393"
x1={9.83789}
y1={25.74}
x2={22.1621}
y2={25.74}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CC8D6A" />
<stop offset={1} stopColor="#C48462" />
</linearGradient>
<radialGradient
id="paint5_radial_18_25393"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.7012 14) rotate(118.044) scale(1.8279)"
>
<stop offset={0.242049} stopColor="#FFB62F" />
<stop offset={0.90503} stopColor="#E07124" />
</radialGradient>
<radialGradient
id="paint6_radial_18_25393"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.6387 14.2812) rotate(131.634) scale(0.94075)"
>
<stop offset={0.166667} stopColor="#FFCB6E" />
<stop offset={1} stopColor="#FEA32F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_25393"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.8574 14.5898) rotate(180) scale(1.92187)"
>
<stop offset={0.681818} stopColor="#F0972A" stopOpacity={0} />
<stop offset={1} stopColor="#D37D22" />
</radialGradient>
</defs>
</svg>
);
module.exports = DoorIcon;