@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
633 lines (632 loc) • 21.9 kB
JSX
const React = require("react");
const OpenMailboxWithRaisedFlagIcon = ({ 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 clipPath="url(#clip0_18_22052)">
<path
d="M13.1862 24.9227H17.8369V29.8791H13.1862V24.9227Z"
fill="url(#paint0_linear_18_22052)"
/>
<path
d="M13.1862 24.9227H17.8369V29.8791H13.1862V24.9227Z"
fill="url(#paint1_linear_18_22052)"
/>
<path
d="M13.1862 24.9227H17.8369V29.8791H13.1862V24.9227Z"
fill="url(#paint2_radial_18_22052)"
/>
<g filter="url(#filter0_i_18_22052)">
<path
d="M4.04352 14.5398C4.04352 11.5022 6.50595 9.03979 9.54352 9.03979H22.4565C25.4941 9.03979 27.9565 11.5022 27.9565 14.5398V23.9228C27.9565 24.4751 27.5088 24.9228 26.9565 24.9228H5.04352C4.49123 24.9228 4.04352 24.4751 4.04352 23.9228V14.5398Z"
fill="url(#paint3_linear_18_22052)"
/>
<path
d="M4.04352 14.5398C4.04352 11.5022 6.50595 9.03979 9.54352 9.03979H22.4565C25.4941 9.03979 27.9565 11.5022 27.9565 14.5398V23.9228C27.9565 24.4751 27.5088 24.9228 26.9565 24.9228H5.04352C4.49123 24.9228 4.04352 24.4751 4.04352 23.9228V14.5398Z"
fill="url(#paint4_radial_18_22052)"
/>
</g>
<g filter="url(#filter1_f_18_22052)">
<path
d="M5.48915 24.4297H14.6878C15.2981 24.4297 15.7928 24.0097 15.7928 23.4916V14.6899C15.7928 11.9468 13.3653 9.54022 10.0885 9.54023C6.99614 9.37664 4.38422 11.4601 4.38422 14.6899V23.4916C4.38422 24.0097 4.87889 24.4297 5.48915 24.4297Z"
fill="#4473C1"
/>
<path
d="M5.48915 24.5547H14.6878C15.3472 24.5547 15.9178 24.0971 15.9178 23.4916V14.6899C15.9178 11.8703 13.4272 9.41684 10.0918 9.41524C6.93998 9.25008 4.25922 11.3794 4.25922 14.6899V23.4916C4.25922 24.0971 4.82982 24.5547 5.48915 24.5547Z"
stroke="url(#paint5_linear_18_22052)"
strokeWidth={0.25}
/>
</g>
<g filter="url(#filter2_f_18_22052)">
<ellipse
cx={17.7714}
cy={14.0177}
rx={1.57236}
ry={2.40625}
fill="#264FC5"
/>
</g>
<g filter="url(#filter3_f_18_22052)">
<path
d="M4.78021 15.2383C4.78021 12.6106 6.91036 10.4805 9.53802 10.4805C12.1657 10.4805 14.2958 12.6106 14.2958 15.2383V23.2305C14.2958 23.3685 14.1839 23.4805 14.0458 23.4805H5.03021C4.89214 23.4805 4.78021 23.3685 4.78021 23.2305V15.2383Z"
fill="url(#paint6_linear_18_22052)"
/>
</g>
<path
d="M5.16852 15.2422C5.16852 12.6145 7.29866 10.4844 9.92633 10.4844C12.554 10.4844 14.6841 12.6145 14.6841 15.2422V23.2344C14.6841 23.3724 14.5722 23.4844 14.4341 23.4844H5.41852C5.28045 23.4844 5.16852 23.3724 5.16852 23.2344V15.2422Z"
fill="url(#paint7_linear_18_22052)"
/>
<g filter="url(#filter4_i_18_22052)">
<path
d="M19.5702 2.97083L24.9499 2.97083C25.3917 2.97083 25.7499 3.28127 25.7499 3.66423L25.7499 6.36744C25.7499 6.7504 25.3917 7.06085 24.9499 7.06085L19.5702 7.06085L19.5702 2.97083Z"
fill="url(#paint8_linear_18_22052)"
/>
</g>
<path
d="M20.3593 3.0376C20.3593 2.4032 19.845 1.88892 19.2106 1.88892C18.5762 1.88892 18.0619 2.4032 18.0619 3.0376L18.0619 12.6545L20.3593 12.6545L20.3593 3.0376Z"
fill="url(#paint9_linear_18_22052)"
/>
<path
d="M20.3593 3.0376C20.3593 2.4032 19.845 1.88892 19.2106 1.88892C18.5762 1.88892 18.0619 2.4032 18.0619 3.0376L18.0619 12.6545L20.3593 12.6545L20.3593 3.0376Z"
fill="url(#paint10_linear_18_22052)"
/>
<path
d="M20.3593 3.0376C20.3593 2.4032 19.845 1.88892 19.2106 1.88892C18.5762 1.88892 18.0619 2.4032 18.0619 3.0376L18.0619 12.6545L20.3593 12.6545L20.3593 3.0376Z"
fill="url(#paint11_radial_18_22052)"
/>
<g filter="url(#filter5_f_18_22052)">
<rect
x={18.9731}
y={11.9083}
width={8.51562}
height={0.318726}
rx={0.159363}
transform="rotate(-90 18.9731 11.9083)"
fill="#AEA4BF"
/>
</g>
<circle
r={2.40625}
transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 19.2106 13.5857)"
fill="url(#paint12_radial_18_22052)"
/>
<circle
r={2.40625}
transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 19.2106 13.5857)"
fill="url(#paint13_radial_18_22052)"
/>
<circle
r={2.40625}
transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 19.2106 13.5857)"
fill="url(#paint14_radial_18_22052)"
/>
<path
d="M7.26062 23.4844H14.4341C14.5722 23.4844 14.6841 23.3725 14.6841 23.2344V15.2422C14.6841 14.2993 14.4099 13.4205 13.9367 12.6812H7.26062C6.70831 12.6812 6.26062 13.1289 6.26062 13.6812V22.4844C6.26062 23.0367 6.70831 23.4844 7.26062 23.4844Z"
fill="url(#paint15_linear_18_22052)"
/>
<path
d="M7.26062 23.4844H14.4341C14.5722 23.4844 14.6841 23.3725 14.6841 23.2344V15.2422C14.6841 14.2993 14.4099 13.4205 13.9367 12.6812H7.26062C6.70831 12.6812 6.26062 13.1289 6.26062 13.6812V22.4844C6.26062 23.0367 6.70831 23.4844 7.26062 23.4844Z"
fill="url(#paint16_linear_18_22052)"
/>
<path
d="M7.26062 23.4844H14.4341C14.5722 23.4844 14.6841 23.3725 14.6841 23.2344V15.2422C14.6841 14.2993 14.4099 13.4205 13.9367 12.6812H7.26062C6.70831 12.6812 6.26062 13.1289 6.26062 13.6812V22.4844C6.26062 23.0367 6.70831 23.4844 7.26062 23.4844Z"
fill="url(#paint17_linear_18_22052)"
/>
<g filter="url(#filter6_i_18_22052)">
<path
d="M7.20886 23.4844H14.4341C14.5722 23.4844 14.6841 23.3725 14.6841 23.2344V18.1596L13.9066 17.6722C13.8362 17.6282 13.7469 17.6281 13.6766 17.6721L6.45447 22.1864C6.33386 22.2618 6.26062 22.394 6.26062 22.5362C6.26062 23.0599 6.68518 23.4844 7.20886 23.4844Z"
fill="url(#paint18_linear_18_22052)"
/>
</g>
<path
d="M7.20886 23.4844H14.4341C14.5722 23.4844 14.6841 23.3725 14.6841 23.2344V17.7775L13.9066 17.6722C13.8362 17.6282 13.7469 17.6281 13.6766 17.6721L6.45447 22.1864C6.33386 22.2618 6.26062 22.394 6.26062 22.5362C6.26062 23.0599 6.68518 23.4844 7.20886 23.4844Z"
fill="url(#paint19_linear_18_22052)"
/>
<path
d="M7.20886 23.4844H14.4341C14.5722 23.4844 14.6841 23.3725 14.6841 23.2344V17.7775L13.9066 17.6722C13.8362 17.6282 13.7469 17.6281 13.6766 17.6721L6.45447 22.1864C6.33386 22.2618 6.26062 22.394 6.26062 22.5362C6.26062 23.0599 6.68518 23.4844 7.20886 23.4844Z"
fill="url(#paint20_linear_18_22052)"
/>
<g filter="url(#filter7_i_18_22052)">
<path
d="M13.9367 12.6812C14.4099 13.4205 14.6841 14.2993 14.6841 15.2422V18.006L13.9066 18.4933C13.8362 18.5374 13.7469 18.5374 13.6766 18.4935L6.45447 13.9792C6.33386 13.9038 6.26062 13.7716 6.26062 13.6294C6.26062 13.1057 6.68518 12.6812 7.20886 12.6812H13.9367Z"
fill="url(#paint21_linear_18_22052)"
/>
<path
d="M13.9367 12.6812C14.4099 13.4205 14.6841 14.2993 14.6841 15.2422V18.006L13.9066 18.4933C13.8362 18.5374 13.7469 18.5374 13.6766 18.4935L6.45447 13.9792C6.33386 13.9038 6.26062 13.7716 6.26062 13.6294C6.26062 13.1057 6.68518 12.6812 7.20886 12.6812H13.9367Z"
fill="url(#paint22_radial_18_22052)"
/>
</g>
</g>
<defs>
<filter
id="filter0_i_18_22052"
x={4.04352}
y={8.63979}
width={24.113}
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 dx={0.2} 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_22052"
/>
</filter>
<filter
id="filter1_f_18_22052"
x={3.63422}
y={8.78125}
width={12.9086}
height={16.3984}
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_22052"
/>
</filter>
<filter
id="filter2_f_18_22052"
x={14.949}
y={10.3615}
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_22052"
/>
</filter>
<filter
id="filter3_f_18_22052"
x={4.53021}
y={10.2305}
width={10.0156}
height={13.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_22052"
/>
</filter>
<filter
id="filter4_i_18_22052"
x={19.5702}
y={2.72083}
width={6.57969}
height={4.33997}
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_22052"
/>
</filter>
<filter
id="filter5_f_18_22052"
x={18.4731}
y={2.8927}
width={1.31873}
height={9.51562}
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_22052"
/>
</filter>
<filter
id="filter6_i_18_22052"
x={6.01062}
y={16.8892}
width={8.67352}
height={6.59521}
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.75} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.643137 0 0 0 0 0.584314 0 0 0 0 0.705882 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22052"
/>
</filter>
<filter
id="filter7_i_18_22052"
x={6.26062}
y={12.4312}
width={8.42352}
height={6.09534}
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.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.67451 0 0 0 0 0.639216 0 0 0 0 0.721569 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22052"
/>
</filter>
<linearGradient
id="paint0_linear_18_22052"
x1={16.8217}
y1={29.8791}
x2={13.1862}
y2={29.8791}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8F616C" />
<stop offset={0.419865} stopColor="#7D4261" />
<stop offset={0.77392} stopColor="#5E3A43" />
</linearGradient>
<linearGradient
id="paint1_linear_18_22052"
x1={18.103}
y1={29.8791}
x2={17.353}
y2={29.8791}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#855A5D" />
<stop offset={1} stopColor="#855A5D" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_22052"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.5115 29.8791) 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_22052"
x1={20.5248}
y1={24.9228}
x2={20.5248}
y2={11.2422}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.742721} stopColor="#5097DA" />
<stop offset={1} stopColor="#5D98DA" />
</linearGradient>
<radialGradient
id="paint4_radial_18_22052"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.1365 11.8126) rotate(-132.51) scale(5.08713 2.15003)"
>
<stop stopColor="#4065B4" />
<stop offset={1} stopColor="#4784C4" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_22052"
x1={17.2624}
y1={19.6302}
x2={9.29584}
y2={19.6302}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.221698} stopColor="#3B7BDE" />
<stop offset={1} stopColor="#3C84D5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_22052"
x1={9.53802}
y1={10.4805}
x2={9.53802}
y2={23.4805}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.191106} stopColor="#3255BF" />
<stop offset={1} stopColor="#3255BF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_22052"
x1={9.92633}
y1={10.4844}
x2={9.92633}
y2={22.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4B1776" />
<stop offset={1} stopColor="#240B46" />
</linearGradient>
<linearGradient
id="paint8_linear_18_22052"
x1={22.66}
y1={2.97083}
x2={22.66}
y2={4.65833}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF8E4E" />
<stop offset={1} stopColor="#F96941" />
</linearGradient>
<linearGradient
id="paint9_linear_18_22052"
x1={18.0619}
y1={6.22076}
x2={19.659}
y2={6.22076}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#948AA4" />
<stop offset={1} stopColor="#A6A4AF" />
</linearGradient>
<linearGradient
id="paint10_linear_18_22052"
x1={19.2106}
y1={1.88892}
x2={19.2106}
y2={3.03326}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BAB9BF" />
<stop offset={1} stopColor="#BAB9BF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint11_radial_18_22052"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.5652 2.03326) rotate(-90) scale(0.9375 0.507812)"
>
<stop stopColor="#CFCBD8" />
<stop offset={1} stopColor="#CFCBD8" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_18_22052"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-0.289246 3.13654) rotate(-36.1438) scale(3.33791 4.02708)"
>
<stop offset={0.104394} stopColor="#9571C7" />
<stop offset={1} stopColor="#B0B0B7" />
</radialGradient>
<radialGradient
id="paint13_radial_18_22052"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.40625 -0.582215) rotate(90) scale(5.39471 4.66751)"
>
<stop offset={0.642991} stopColor="#948DA4" stopOpacity={0} />
<stop offset={1} stopColor="#636697" />
</radialGradient>
<radialGradient
id="paint14_radial_18_22052"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.3045 0.980286) rotate(-61.8214) scale(1.9853 1.49496)"
>
<stop offset={0.246982} stopColor="#D0CCDA" />
<stop offset={1} stopColor="#B6B6BD" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_22052"
x1={7.34434}
y1={18.7093}
x2={13.449}
y2={18.7093}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D0CBD7" />
<stop offset={0.605836} stopColor="#E7DEF2" />
</linearGradient>
<linearGradient
id="paint16_linear_18_22052"
x1={10.4724}
y1={15.6563}
x2={9.51154}
y2={17.3126}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.260769} stopColor="#BFB8C7" />
<stop offset={1} stopColor="#CCC4D7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint17_linear_18_22052"
x1={10.3553}
y1={20.3126}
x2={9.73029}
y2={19.4063}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B7B1BF" />
<stop offset={1} stopColor="#E2DAEB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint18_linear_18_22052"
x1={14.3865}
y1={24.3126}
x2={11.0428}
y2={19.5938}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CDBFDE" />
<stop offset={1} stopColor="#E9E0F5" />
</linearGradient>
<linearGradient
id="paint19_linear_18_22052"
x1={8.78395}
y1={20.5618}
x2={8.99159}
y2={20.8755}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.211732} stopColor="#D9D2E1" />
<stop offset={1} stopColor="#D9D2E1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint20_linear_18_22052"
x1={15.3289}
y1={23.4844}
x2={12.1063}
y2={23.1097}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.214437} stopColor="#625C6A" />
<stop offset={1} stopColor="#9F98A9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint21_linear_18_22052"
x1={10.074}
y1={16.3438}
x2={14.6841}
y2={10.2188}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E3DFEA" />
<stop offset={1} stopColor="#A5A0AD" />
</linearGradient>
<radialGradient
id="paint22_radial_18_22052"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.23029 16.0938) rotate(-14.9951) scale(7.24677 18.1865)"
>
<stop offset={0.629613} stopColor="#ACA5B5" stopOpacity={0} />
<stop offset={0.912005} stopColor="#88858E" />
</radialGradient>
<clipPath id="clip0_18_22052">
<rect width={32} height={32} fill="white" />
</clipPath>
</defs>
</svg>
);
module.exports = OpenMailboxWithRaisedFlagIcon;