@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
361 lines (360 loc) • 15.3 kB
JSX
const React = require("react");
const RedEnvelopeIcon = ({ 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="M28.8313 2.16467H3.10386C2.47319 2.16467 1.96265 2.67467 1.96265 3.30467V29.0247C1.96265 29.6547 2.47319 30.1647 3.10386 30.1647H28.8213C29.452 30.1647 29.9625 29.6547 29.9625 29.0247V3.30467C29.9725 2.67467 29.452 2.16467 28.8313 2.16467Z"
fill="url(#paint0_linear_18_1190)"
/>
<path
d="M28.8313 2.16467H3.10386C2.47319 2.16467 1.96265 2.67467 1.96265 3.30467V29.0247C1.96265 29.6547 2.47319 30.1647 3.10386 30.1647H28.8213C29.452 30.1647 29.9625 29.6547 29.9625 29.0247V3.30467C29.9725 2.67467 29.452 2.16467 28.8313 2.16467Z"
fill="url(#paint1_linear_18_1190)"
/>
<path
d="M28.8313 2.16467H3.10386C2.47319 2.16467 1.96265 2.67467 1.96265 3.30467V29.0247C1.96265 29.6547 2.47319 30.1647 3.10386 30.1647H28.8213C29.452 30.1647 29.9625 29.6547 29.9625 29.0247V3.30467C29.9725 2.67467 29.452 2.16467 28.8313 2.16467Z"
fill="url(#paint2_linear_18_1190)"
/>
<path
d="M28.8313 2.16467H3.10386C2.47319 2.16467 1.96265 2.67467 1.96265 3.30467V29.0247C1.96265 29.6547 2.47319 30.1647 3.10386 30.1647H28.8213C29.452 30.1647 29.9625 29.6547 29.9625 29.0247V3.30467C29.9725 2.67467 29.452 2.16467 28.8313 2.16467Z"
fill="url(#paint3_radial_18_1190)"
/>
<path
d="M28.8313 2.16467H3.10386C2.47319 2.16467 1.96265 2.67467 1.96265 3.30467V29.0247C1.96265 29.6547 2.47319 30.1647 3.10386 30.1647H28.8213C29.452 30.1647 29.9625 29.6547 29.9625 29.0247V3.30467C29.9725 2.67467 29.452 2.16467 28.8313 2.16467Z"
fill="url(#paint4_radial_18_1190)"
/>
<g filter="url(#filter0_f_18_1190)">
<path
d="M15.2857 22.2895C18.5018 22.2895 21.1089 19.6823 21.1089 16.4663C21.1089 13.2502 18.5018 10.6431 15.2857 10.6431C12.0697 10.6431 9.46252 13.2502 9.46252 16.4663C9.46252 19.6823 12.0697 22.2895 15.2857 22.2895Z"
fill="#A92336"
/>
</g>
<g filter="url(#filter1_i_18_1190)">
<path
d="M28.8313 2.16467H22.6147H9.32049H3.10386C2.47319 2.16467 1.96265 2.67467 1.96265 3.30467V7.92986C1.96265 8.63117 2.32999 9.28125 2.93075 9.64309L13.4849 16H18.4402L28.9944 9.64309C29.5952 9.28125 29.9625 8.63117 29.9625 7.92985V3.30467C29.9725 2.67467 29.462 2.16467 28.8313 2.16467Z"
fill="url(#paint5_linear_18_1190)"
/>
<path
d="M28.8313 2.16467H22.6147H9.32049H3.10386C2.47319 2.16467 1.96265 2.67467 1.96265 3.30467V7.92986C1.96265 8.63117 2.32999 9.28125 2.93075 9.64309L13.4849 16H18.4402L28.9944 9.64309C29.5952 9.28125 29.9625 8.63117 29.9625 7.92985V3.30467C29.9725 2.67467 29.462 2.16467 28.8313 2.16467Z"
fill="url(#paint6_linear_18_1190)"
/>
<path
d="M28.8313 2.16467H22.6147H9.32049H3.10386C2.47319 2.16467 1.96265 2.67467 1.96265 3.30467V7.92986C1.96265 8.63117 2.32999 9.28125 2.93075 9.64309L13.4849 16H18.4402L28.9944 9.64309C29.5952 9.28125 29.9625 8.63117 29.9625 7.92985V3.30467C29.9725 2.67467 29.462 2.16467 28.8313 2.16467Z"
fill="url(#paint7_radial_18_1190)"
/>
</g>
<path
d="M28.8313 2.16467H22.6147H9.32049H3.10386C2.47319 2.16467 1.96265 2.67467 1.96265 3.30467V7.92986C1.96265 8.63117 2.32999 9.28125 2.93075 9.64309L13.4849 16H18.4402L28.9944 9.64309C29.5952 9.28125 29.9625 8.63117 29.9625 7.92985V3.30467C29.9725 2.67467 29.462 2.16467 28.8313 2.16467Z"
fill="url(#paint8_linear_18_1190)"
/>
<path
d="M28.8313 2.16467H22.6147H9.32049H3.10386C2.47319 2.16467 1.96265 2.67467 1.96265 3.30467V7.92986C1.96265 8.63117 2.32999 9.28125 2.93075 9.64309L13.4849 16H18.4402L28.9944 9.64309C29.5952 9.28125 29.9625 8.63117 29.9625 7.92985V3.30467C29.9725 2.67467 29.462 2.16467 28.8313 2.16467Z"
fill="url(#paint9_linear_18_1190)"
/>
<g filter="url(#filter2_iiiii_18_1190)">
<path
d="M15.9626 22.1647C19.2764 22.1647 21.9626 19.4784 21.9626 16.1647C21.9626 12.8509 19.2764 10.1647 15.9626 10.1647C12.6489 10.1647 9.96265 12.8509 9.96265 16.1647C9.96265 19.4784 12.6489 22.1647 15.9626 22.1647Z"
fill="#C73761"
/>
</g>
<path
d="M19.9972 17.5865L20.0372 16.2465C20.0372 16.1465 19.9972 16.0465 19.9272 15.9765C19.8572 15.9065 19.7572 15.8765 19.6572 15.8765L15.5572 16.1765C15.3672 16.1865 15.2172 16.3565 15.2272 16.5465L15.2372 16.6465L14.2172 16.2765V15.8765L15.2372 14.6465C15.3372 14.5265 15.3472 14.3665 15.2672 14.2365C15.1872 14.1065 15.0372 14.0465 14.8972 14.0665L12.2472 14.5965C12.0572 14.6365 11.9372 14.8165 11.9672 15.0165C12.0072 15.2065 12.1872 15.3365 12.3872 15.2965L14.0572 14.9665L12.0472 17.3865C11.9272 17.5365 11.9472 17.7565 12.0972 17.8865C12.1672 17.9365 12.2472 17.9665 12.3272 17.9665C12.4272 17.9665 12.5272 17.9265 12.5972 17.8365L13.5172 16.7265V19.4965C13.5172 19.6865 13.6772 19.8465 13.8672 19.8465C14.0572 19.8465 14.2172 19.6865 14.2172 19.4965V17.0365L15.2772 17.4265L15.3672 18.9865C15.3772 19.1765 15.5372 19.3165 15.7172 19.3165H15.7272L17.5772 19.2765L19.6072 19.2265C19.7972 19.2265 19.9472 19.0765 19.9472 18.8865L19.9872 17.5965C19.9972 17.5965 19.9972 17.5865 19.9972 17.5865ZM19.3072 17.2565L17.8772 17.3165L17.8572 16.7165L19.3372 16.6065L19.3072 17.2565ZM17.1472 16.7765L17.1672 17.3565L15.9872 17.4065L15.9572 16.8565L17.1472 16.7765ZM16.0272 18.1165L17.1872 18.0665L17.2072 18.5865L16.0572 18.6165L16.0272 18.1165ZM17.9172 18.5665L17.8972 18.0365L19.2872 17.9765L19.2672 18.5365L17.9172 18.5665Z"
fill="#FBCF46"
/>
<path
d="M19.0272 13.3865L16.0272 13.6465C15.9172 13.6565 15.8172 13.7165 15.7572 13.8165C15.6972 13.9165 15.6872 14.0265 15.7272 14.1365L16.2472 15.4165C16.2972 15.5565 16.4272 15.6365 16.5772 15.6365C16.5872 15.6365 16.5972 15.6365 16.5972 15.6365L18.5572 15.4965C18.6972 15.4865 18.8172 15.3965 18.8672 15.2665L19.3972 13.8565C19.4372 13.7465 19.4172 13.6165 19.3472 13.5165C19.2672 13.4365 19.1472 13.3765 19.0272 13.3865ZM18.2872 14.8165L16.8072 14.9165L16.5672 14.3165L18.5372 14.1465L18.2872 14.8165Z"
fill="#FBCF46"
/>
<path
d="M14.4873 13.7965C14.5573 13.8665 14.6473 13.8965 14.7373 13.8965C14.8273 13.8965 14.9173 13.8565 14.9873 13.7865C15.1273 13.6465 15.1173 13.4265 14.9773 13.2865L14.0273 12.3665C13.8873 12.2265 13.6673 12.2365 13.5273 12.3765C13.3873 12.5165 13.3973 12.7365 13.5373 12.8765L14.4873 13.7965Z"
fill="#FBCF46"
/>
<path
d="M15.8573 13.1365C15.8773 13.1365 15.8873 13.1365 15.9073 13.1365L18.7873 12.8665C18.9773 12.8465 19.1273 12.6765 19.1073 12.4865C19.0873 12.2965 18.9173 12.1465 18.7273 12.1665L15.8473 12.4365C15.6573 12.4565 15.5073 12.6265 15.5273 12.8165C15.5473 12.9965 15.6873 13.1265 15.8573 13.1365Z"
fill="#FBCF46"
/>
<defs>
<filter
id="filter0_f_18_1190"
x={8.46252}
y={9.64308}
width={13.6464}
height={13.6464}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_1190"
/>
</filter>
<filter
id="filter1_i_18_1190"
x={1.96265}
y={1.66467}
width={28}
height={14.3353}
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.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.933333 0 0 0 0 0.141176 0 0 0 0 0.372549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_1190"
/>
</filter>
<filter
id="filter2_iiiii_18_1190"
x={9.46265}
y={9.66466}
width={13}
height={13}
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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.890196 0 0 0 0 0.341176 0 0 0 0 0.458824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_1190"
/>
<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.615686 0 0 0 0 0.0941176 0 0 0 0 0.301961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_1190"
result="effect2_innerShadow_18_1190"
/>
<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.5} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.698039 0 0 0 0 0.14902 0 0 0 0 0.282353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_1190"
result="effect3_innerShadow_18_1190"
/>
<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.698039 0 0 0 0 0.14902 0 0 0 0 0.282353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_18_1190"
result="effect4_innerShadow_18_1190"
/>
<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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.643137 0 0 0 0 0.0823529 0 0 0 0 0.317647 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect4_innerShadow_18_1190"
result="effect5_innerShadow_18_1190"
/>
</filter>
<linearGradient
id="paint0_linear_18_1190"
x1={15.9653}
y1={8.51985}
x2={15.9653}
y2={30.1647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DB2B3C" />
<stop offset={1} stopColor="#DD1E83" />
</linearGradient>
<linearGradient
id="paint1_linear_18_1190"
x1={16.5864}
y1={30.7137}
x2={16.5864}
y2={28.0833}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BD2D89" />
<stop offset={1} stopColor="#BD2D89" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_1190"
x1={1.54387}
y1={22.8225}
x2={5.32504}
y2={22.8225}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C66370" />
<stop offset={1} stopColor="#C66370" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_1190"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(30.8805 7.38797) rotate(118.747) scale(18.8496 21.2865)"
>
<stop stopColor="#FF4B52" />
<stop offset={1} stopColor="#FF4B52" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_1190"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.9811 8.7518) rotate(90) scale(16.9276 10.8536)"
>
<stop stopColor="#FF5860" />
<stop offset={1} stopColor="#FF5860" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_1190"
x1={1.37885}
y1={8.41468}
x2={29.9626}
y2={8.41468}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EB313F" />
<stop offset={1} stopColor="#FC3972" />
</linearGradient>
<linearGradient
id="paint6_linear_18_1190"
x1={1.54387}
y1={11.3869}
x2={5.32504}
y2={11.3869}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C66370" />
<stop offset={1} stopColor="#C66370" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_1190"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.6284 6.46487) rotate(90) scale(14.3849 6.48488)"
>
<stop stopColor="#FF68AB" />
<stop offset={1} stopColor="#FF68AB" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_1190"
x1={7.79557}
y1={12.8634}
x2={8.31704}
y2={12.0009}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C22539" />
<stop offset={1} stopColor="#C22539" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_1190"
x1={15.9626}
y1={2.16467}
x2={15.9626}
y2={3.34767}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DE6A7E" />
<stop offset={1} stopColor="#DE6A7E" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = RedEnvelopeIcon;