@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
280 lines (279 loc) • 10.6 kB
JSX
const React = require("react");
const MahjongRedDragonIcon = ({ 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="M25.1024 6.60999H7.19309C6.06565 6.60999 5.14774 7.52999 5.14774 8.65999V27.95C5.14774 29.08 6.06565 30 7.19309 30H25.1024C26.2298 30 27.1477 29.08 27.1477 27.95V8.65999C27.1477 7.52999 26.2298 6.60999 25.1024 6.60999Z"
fill="url(#paint0_linear_18_4139)"
/>
<path
d="M25.1024 6.60999H7.19309C6.06565 6.60999 5.14774 7.52999 5.14774 8.65999V27.95C5.14774 29.08 6.06565 30 7.19309 30H25.1024C26.2298 30 27.1477 29.08 27.1477 27.95V8.65999C27.1477 7.52999 26.2298 6.60999 25.1024 6.60999Z"
fill="url(#paint1_linear_18_4139)"
/>
<path
d="M25.1024 6.60999H7.19309C6.06565 6.60999 5.14774 7.52999 5.14774 8.65999V27.95C5.14774 29.08 6.06565 30 7.19309 30H25.1024C26.2298 30 27.1477 29.08 27.1477 27.95V8.65999C27.1477 7.52999 26.2298 6.60999 25.1024 6.60999Z"
fill="url(#paint2_linear_18_4139)"
/>
<g filter="url(#filter0_f_18_4139)">
<path
d="M24.9394 5.68402H7.35606C6.24914 5.68402 5.34793 6.56294 5.34793 7.65434V26.2855C5.34793 27.3769 6.24914 28.2654 7.35606 28.2654H24.9394C26.0463 28.2654 26.9476 27.3769 26.9476 26.2855V7.65434C26.9476 6.56294 26.0463 5.68402 24.9394 5.68402Z"
fill="url(#paint3_linear_18_4139)"
/>
</g>
<path
d="M25.1024 5H7.19309C6.06565 5 5.14774 5.89521 5.14774 7.00684V25.9833C5.14774 27.095 6.06565 28 7.19309 28H25.1024C26.2298 28 27.1477 27.095 27.1477 25.9833V7.00684C27.1477 5.89521 26.2298 5 25.1024 5Z"
fill="url(#paint4_linear_18_4139)"
/>
<path
d="M25.1024 5H7.19309C6.06565 5 5.14774 5.89521 5.14774 7.00684V25.9833C5.14774 27.095 6.06565 28 7.19309 28H25.1024C26.2298 28 27.1477 27.095 27.1477 25.9833V7.00684C27.1477 5.89521 26.2298 5 25.1024 5Z"
fill="url(#paint5_linear_18_4139)"
/>
<path
d="M25.1024 5H7.19309C6.06565 5 5.14774 5.89521 5.14774 7.00684V25.9833C5.14774 27.095 6.06565 28 7.19309 28H25.1024C26.2298 28 27.1477 27.095 27.1477 25.9833V7.00684C27.1477 5.89521 26.2298 5 25.1024 5Z"
fill="url(#paint6_linear_18_4139)"
/>
<g filter="url(#filter1_iii_18_4139)">
<path
d="M25.1024 2H7.19309C6.06565 2 5.14774 2.90466 5.14774 4.01582V22.9842C5.14774 24.0953 6.06565 25 7.19309 25H25.1024C26.2298 25 27.1477 24.0953 27.1477 22.9842V4.01582C27.1477 2.90466 26.2298 2 25.1024 2Z"
fill="url(#paint7_linear_18_4139)"
/>
</g>
<path
d="M25.1024 2H7.19309C6.06565 2 5.14774 2.90466 5.14774 4.01582V22.9842C5.14774 24.0953 6.06565 25 7.19309 25H25.1024C26.2298 25 27.1477 24.0953 27.1477 22.9842V4.01582C27.1477 2.90466 26.2298 2 25.1024 2Z"
fill="url(#paint8_linear_18_4139)"
/>
<path
d="M25.1024 2H7.19309C6.06565 2 5.14774 2.90466 5.14774 4.01582V22.9842C5.14774 24.0953 6.06565 25 7.19309 25H25.1024C26.2298 25 27.1477 24.0953 27.1477 22.9842V4.01582C27.1477 2.90466 26.2298 2 25.1024 2Z"
fill="url(#paint9_radial_18_4139)"
/>
<path
d="M20.5477 8H17.1477L17.1477 6.08C17.1477 5.48 16.7677 5 16.1677 5C15.5677 5 15.1477 5.48 15.1477 6.08L15.1409 8H11.7809C11.1809 8 10.7009 8.48 10.7009 9.08L10.7077 12.34V13.69V14.6C10.7077 15.2 11.1877 15.68 11.7877 15.68C12.3277 15.68 12.7677 15.28 12.8577 14.77H15.1477V21.8C15.1477 22.4 15.5677 22.88 16.1677 22.88C16.7677 22.88 17.1477 22.4 17.1477 21.8V14.77H19.4777C19.5577 15.29 20.0077 15.68 20.5477 15.68C21.1477 15.68 21.6277 15.2 21.6277 14.6V13.69V12.34L21.6277 9.08C21.6277 8.48 21.1477 8 20.5477 8ZM12.9209 12.26C12.9209 12.07 12.9209 10.5853 12.9209 10.5853C12.9209 10.3953 13.0809 10.2353 13.2709 10.2353H14.7909C14.9809 10.2353 15.1409 10.3953 15.1409 10.5853V12.1953C15.1409 12.3853 14.9809 12.5453 14.7909 12.5453H13.2709C13.0709 12.5453 12.9209 12.45 12.9209 12.26ZM17.4977 10.2353H19.0177C19.2077 10.2353 19.3677 10.3953 19.3677 10.5853V12.1953C19.3677 12.3853 19.2077 12.5453 19.0177 12.5453H17.4977C17.3077 12.5453 17.1477 12.3853 17.1477 12.1953V10.5853C17.1477 10.3853 17.3077 10.2353 17.4977 10.2353Z"
fill="url(#paint10_linear_18_4139)"
/>
<defs>
<filter
id="filter0_f_18_4139"
x={5.19793}
y={5.53402}
width={21.8996}
height={22.8814}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.075}
result="effect1_foregroundBlur_18_4139"
/>
</filter>
<filter
id="filter1_iii_18_4139"
x={4.64774}
y={1.5}
width={23}
height={24}
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.741176 0 0 0 0 0.733333 0 0 0 0 0.74902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4139"
/>
<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.984314 0 0 0 0 0.984314 0 0 0 0 0.988235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4139"
result="effect2_innerShadow_18_4139"
/>
<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.847059 0 0 0 0 0.847059 0 0 0 0 0.843137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_4139"
result="effect3_innerShadow_18_4139"
/>
</filter>
<linearGradient
id="paint0_linear_18_4139"
x1={8.95159}
y1={29.625}
x2={24.2294}
y2={29.625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AA6262" />
<stop offset={1} stopColor="#C38980" />
</linearGradient>
<linearGradient
id="paint1_linear_18_4139"
x1={27.1477}
y1={30}
x2={24.7727}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D8A892" />
<stop offset={1} stopColor="#D8A892" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_4139"
x1={5.14774}
y1={30}
x2={6.77274}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B77C70" />
<stop offset={1} stopColor="#B77C70" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_4139"
x1={7.76606}
y1={27.4277}
x2={27.2403}
y2={27.4277}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A5562E" />
<stop offset={0.840777} stopColor="#D39D70" stopOpacity={0} />
<stop offset={1} stopColor="#D39D70" />
</linearGradient>
<linearGradient
id="paint4_linear_18_4139"
x1={9.14774}
y1={25.6875}
x2={26.0227}
y2={25.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9780AD" />
<stop offset={1} stopColor="#967DAC" />
</linearGradient>
<linearGradient
id="paint5_linear_18_4139"
x1={5.14774}
y1={26.25}
x2={6.02274}
y2={26.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B5ADBF" />
<stop offset={1} stopColor="#B5ADBF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_4139"
x1={27.1477}
y1={26.25}
x2={26.0227}
y2={26.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B5ADBF" />
<stop offset={1} stopColor="#B5ADBF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_4139"
x1={16.1477}
y1={2}
x2={16.1477}
y2={25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E9E9EA" />
<stop offset={1} stopColor="#E9E8EA" />
</linearGradient>
<linearGradient
id="paint8_linear_18_4139"
x1={16.1477}
y1={2}
x2={16.1477}
y2={2.125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D8D8D7" />
<stop offset={1} stopColor="#D8D8D7" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_4139"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.66336 2.4375) rotate(48.4474) scale(0.918691 2.50999)"
>
<stop stopColor="#C6C7C5" />
<stop offset={1} stopColor="#C6C7C5" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18_4139"
x1={11.2696}
y1={13.94}
x2={21.6277}
y2={13.94}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF4763" />
<stop offset={1} stopColor="#FF448E" />
</linearGradient>
</defs>
</svg>
);
module.exports = MahjongRedDragonIcon;