@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
504 lines (503 loc) • 15.2 kB
JSX
const React = require("react");
const ClosedMailboxWithLoweredFlagIcon = ({ 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="M13.1862 23.9305H17.8369V28.8869H13.1862V23.9305Z"
fill="url(#paint0_linear_18_22011)"
/>
<path
d="M13.1862 23.9305H17.8369V28.8869H13.1862V23.9305Z"
fill="url(#paint1_linear_18_22011)"
/>
<path
d="M13.1862 23.9305H17.8369V28.8869H13.1862V23.9305Z"
fill="url(#paint2_radial_18_22011)"
/>
<g filter="url(#filter0_i_18_22011)">
<path
d="M4.04352 13.5476C4.04352 10.51 6.50595 8.04761 9.54352 8.04761H22.4565C25.4941 8.04761 27.9565 10.51 27.9565 13.5476V22.9306C27.9565 23.4829 27.5088 23.9306 26.9565 23.9306H5.04352C4.49123 23.9306 4.04352 23.4829 4.04352 22.9306V13.5476Z"
fill="url(#paint3_linear_18_22011)"
/>
</g>
<g filter="url(#filter1_f_18_22011)">
<path
d="M5.30309 23.4375H12.9528C13.4603 23.4375 13.8716 23.0186 13.8716 22.5019V13.7233C13.8716 10.9874 11.853 8.58707 9.12793 8.58709C6.55631 8.42392 4.38422 10.5019 4.38422 13.7233V22.5019C4.38422 23.0186 4.79559 23.4375 5.30309 23.4375Z"
fill="url(#paint4_linear_18_22011)"
/>
<path
d="M5.30309 23.5625H12.9528C13.5314 23.5625 13.9966 23.0855 13.9966 22.5019V13.7233C13.9966 10.9327 11.9363 8.46439 9.13189 8.46209C6.47751 8.29595 4.25922 10.4445 4.25922 13.7233V22.5019C4.25922 23.0855 4.72444 23.5625 5.30309 23.5625Z"
stroke="url(#paint5_linear_18_22011)"
strokeWidth={0.25}
/>
</g>
<g filter="url(#filter2_i_18_22011)">
<rect
x={6.62866}
y={19.0144}
width={5.70466}
height={1.93105}
rx={0.965524}
fill="url(#paint6_linear_18_22011)"
/>
</g>
<g filter="url(#filter3_f_18_22011)">
<rect
x={7.11383}
y={20.0737}
width={4.48438}
height={0.363831}
rx={0.181915}
fill="url(#paint7_linear_18_22011)"
/>
</g>
<g filter="url(#filter4_i_18_22011)">
<path
d="M28.6875 13.7456L28.6875 19.1253C28.6875 19.5671 28.3771 19.9253 27.9941 19.9253L25.2909 19.9253C24.9079 19.9253 24.5975 19.5671 24.5975 19.1253L24.5975 13.7456L28.6875 13.7456Z"
fill="url(#paint8_linear_18_22011)"
/>
</g>
<g filter="url(#filter5_f_18_22011)">
<path
d="M23.84 13.7456L23.84 19.1253C23.84 19.5671 23.5296 19.9253 23.1466 19.9253L20.4434 19.9253C20.0604 19.9253 19.75 19.5671 19.75 19.1253L19.75 13.7456L23.84 13.7456Z"
fill="#4B81D5"
/>
</g>
<path
d="M28.6207 12.2373C29.2551 12.2373 29.7693 12.7516 29.7693 13.386C29.7693 14.0204 29.2551 14.5347 28.6207 14.5347L19.0037 14.5347L19.0037 12.2373L28.6207 12.2373Z"
fill="url(#paint9_linear_18_22011)"
/>
<path
d="M28.6207 12.2373C29.2551 12.2373 29.7693 12.7516 29.7693 13.386C29.7693 14.0204 29.2551 14.5347 28.6207 14.5347L19.0037 14.5347L19.0037 12.2373L28.6207 12.2373Z"
fill="url(#paint10_linear_18_22011)"
/>
<path
d="M28.6207 12.2373C29.2551 12.2373 29.7693 12.7516 29.7693 13.386C29.7693 14.0204 29.2551 14.5347 28.6207 14.5347L19.0037 14.5347L19.0037 12.2373L28.6207 12.2373Z"
fill="url(#paint11_radial_18_22011)"
/>
<g filter="url(#filter6_f_18_22011)">
<rect
x={19.75}
y={13.1484}
width={8.51562}
height={0.318726}
rx={0.159363}
fill="#AEA4BF"
/>
</g>
<g filter="url(#filter7_f_18_22011)">
<ellipse
cx={16.4377}
cy={13.9172}
rx={1.57236}
ry={2.40625}
fill="#264FC5"
/>
</g>
<circle
cx={17.9178}
cy={13.386}
r={2.40625}
fill="url(#paint12_radial_18_22011)"
/>
<circle
cx={17.9178}
cy={13.386}
r={2.40625}
fill="url(#paint13_radial_18_22011)"
/>
<circle
cx={17.9178}
cy={13.386}
r={2.40625}
fill="url(#paint14_radial_18_22011)"
/>
<defs>
<filter
id="filter0_i_18_22011"
x={4.04352}
y={7.64761}
width={23.913}
height={16.2831}
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.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.262745 0 0 0 0 0.356863 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22011"
/>
</filter>
<filter
id="filter1_f_18_22011"
x={3.63422}
y={7.828}
width={10.9874}
height={16.3595}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_22011"
/>
</filter>
<filter
id="filter2_i_18_22011"
x={6.12866}
y={19.0144}
width={6.20465}
height={2.43103}
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.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.117647 0 0 0 0 0.321569 0 0 0 0 0.823529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22011"
/>
</filter>
<filter
id="filter3_f_18_22011"
x={6.61383}
y={19.5737}
width={5.48438}
height={1.36377}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_22011"
/>
</filter>
<filter
id="filter4_i_18_22011"
x={24.5975}
y={13.4956}
width={4.49003}
height={6.42969}
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.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.858824 0 0 0 0 0.203922 0 0 0 0 0.2 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22011"
/>
</filter>
<filter
id="filter5_f_18_22011"
x={16.75}
y={10.7456}
width={10.09}
height={12.1797}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1.5}
result="effect1_foregroundBlur_18_22011"
/>
</filter>
<filter
id="filter6_f_18_22011"
x={19.25}
y={12.6484}
width={9.51562}
height={1.31873}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_22011"
/>
</filter>
<filter
id="filter7_f_18_22011"
x={13.6154}
y={10.261}
width={5.64471}
height={7.3125}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.625}
result="effect1_foregroundBlur_18_22011"
/>
</filter>
<linearGradient
id="paint0_linear_18_22011"
x1={16.8217}
y1={28.8869}
x2={13.1862}
y2={28.8869}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8F616C" />
<stop offset={0.419865} stopColor="#7D4261" />
<stop offset={0.77392} stopColor="#5E3A43" />
</linearGradient>
<linearGradient
id="paint1_linear_18_22011"
x1={18.103}
y1={28.8869}
x2={17.353}
y2={28.8869}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#855A5D" />
<stop offset={1} stopColor="#855A5D" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_22011"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.5115 28.8869) rotate(-90) scale(4.95639 5.62268)"
>
<stop offset={0.771623} stopColor="#632F53" stopOpacity={0} />
<stop offset={1} stopColor="#5A3A46" />
</radialGradient>
<linearGradient
id="paint3_linear_18_22011"
x1={20.5248}
y1={23.9306}
x2={20.5248}
y2={10.2501}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.742721} stopColor="#5097DA" />
<stop offset={1} stopColor="#5D98DA" />
</linearGradient>
<linearGradient
id="paint4_linear_18_22011"
x1={9.12793}
y1={8.58707}
x2={9.12793}
y2={23.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5689D3" />
<stop offset={1} stopColor="#5686D8" />
</linearGradient>
<linearGradient
id="paint5_linear_18_22011"
x1={15.0938}
y1={18.6506}
x2={8.46875}
y2={18.6506}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.221698} stopColor="#3B7BDE" />
<stop offset={1} stopColor="#3C84D5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_22011"
x1={9.48099}
y1={19.0144}
x2={9.48099}
y2={20.9455}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3B6BF1" />
<stop offset={1} stopColor="#1872E0" />
</linearGradient>
<linearGradient
id="paint7_linear_18_22011"
x1={7.11383}
y1={20.2556}
x2={10.9155}
y2={20.2556}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#568FF7" />
<stop offset={1} stopColor="#568FF7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_22011"
x1={28.6875}
y1={16.8354}
x2={27}
y2={16.8354}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF8E4E" />
<stop offset={1} stopColor="#F96941" />
</linearGradient>
<linearGradient
id="paint9_linear_18_22011"
x1={25.4375}
y1={14.5347}
x2={25.4375}
y2={12.9376}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#926BC9" />
<stop offset={1} stopColor="#A6A4AF" />
</linearGradient>
<linearGradient
id="paint10_linear_18_22011"
x1={29.7693}
y1={13.386}
x2={28.625}
y2={13.386}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BAB9BF" />
<stop offset={1} stopColor="#BAB9BF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint11_radial_18_22011"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.625 13.0313) scale(0.9375 0.507812)"
>
<stop stopColor="#CFCBD8" />
<stop offset={1} stopColor="#CFCBD8" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_18_22011"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.1875 15.7922) rotate(-70.371) scale(3.62801 4.37707)"
>
<stop stopColor="#9571C7" />
<stop offset={1} stopColor="#B0B0B7" />
</radialGradient>
<radialGradient
id="paint13_radial_18_22011"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.0937 13.386) rotate(180) scale(3.58221)"
>
<stop offset={0.64555} stopColor="#948DA4" stopOpacity={0} />
<stop offset={1} stopColor="#636697" />
</radialGradient>
<radialGradient
id="paint14_radial_18_22011"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.1719 12.4688) rotate(-23.1458) scale(2.22606 1.67626)"
>
<stop offset={0.246982} stopColor="#D0CCDA" />
<stop offset={1} stopColor="#B6B6BD" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = ClosedMailboxWithLoweredFlagIcon;