@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
296 lines (295 loc) • 11.1 kB
JSX
const React = require("react");
const JapaneseMonthlyAmountButtonIcon = ({ 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_iii_18590_2546)">
<rect
x={1.87939}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2546)"
/>
<rect
x={1.87939}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2546)"
/>
</g>
<g filter="url(#filter1_f_18590_2546)">
<path
d="M28.0669 4.4375V27.3125"
stroke="url(#paint2_linear_18590_2546)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2546)">
<path
d="M5.34326 3.75H27.1245"
stroke="url(#paint3_linear_18590_2546)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2546)">
<path
d="M9.72733 7.30469C9.72733 6.7524 10.175 6.30469 10.7273 6.30469H22.6961C23.2484 6.30469 23.6961 6.7524 23.6961 7.30469V22.2734C23.6961 23.9303 22.3529 25.2734 20.6961 25.2734H18.7898C18.2375 25.2734 17.7898 24.8257 17.7898 24.2734C17.7898 23.7212 18.2375 23.2734 18.7898 23.2734H20.6961C21.2484 23.2734 21.6961 22.8257 21.6961 22.2734V18.4297C21.6961 18.3607 21.6401 18.3047 21.5711 18.3047H11.3632C11.3029 18.3047 11.2512 18.3478 11.24 18.407C11.0196 19.5688 10.7361 20.5265 10.4142 21.3348C9.74365 23.0186 8.91456 24.0152 8.29775 24.7567C8.20554 24.8675 8.118 24.9728 8.03652 25.0737C7.6895 25.5033 7.05989 25.5703 6.63024 25.2233C6.2006 24.8762 6.13362 24.2466 6.48064 23.817C6.57541 23.6996 6.67148 23.5837 6.76836 23.4667C7.37262 22.7374 8.00852 21.9699 8.5561 20.5949C9.1972 18.985 9.72733 16.4922 9.72733 12.3047V7.30469ZM11.5552 16.167C11.548 16.2407 11.6058 16.3047 11.6799 16.3047H21.5711C21.6401 16.3047 21.6961 16.2487 21.6961 16.1797V13.4297C21.6961 13.3607 21.6401 13.3047 21.5711 13.3047H11.8397C11.7717 13.3047 11.7161 13.3591 11.7145 13.4272C11.6912 14.4284 11.6364 15.338 11.5552 16.167ZM21.5711 8.30469H11.8523C11.7833 8.30469 11.7273 8.36065 11.7273 8.42969V11.1797C11.7273 11.2487 11.7833 11.3047 11.8523 11.3047H21.5711C21.6401 11.3047 21.6961 11.2487 21.6961 11.1797V8.42969C21.6961 8.36065 21.6401 8.30469 21.5711 8.30469Z"
fill="#FF8A53"
/>
</g>
<g filter="url(#filter4_ii_18590_2546)">
<path
d="M9.72733 7.30469C9.72733 6.7524 10.175 6.30469 10.7273 6.30469H22.6961C23.2484 6.30469 23.6961 6.7524 23.6961 7.30469V22.2734C23.6961 23.9303 22.3529 25.2734 20.6961 25.2734H18.7898C18.2375 25.2734 17.7898 24.8257 17.7898 24.2734C17.7898 23.7212 18.2375 23.2734 18.7898 23.2734H20.6961C21.2484 23.2734 21.6961 22.8257 21.6961 22.2734V18.4297C21.6961 18.3607 21.6401 18.3047 21.5711 18.3047H11.3632C11.3029 18.3047 11.2512 18.3478 11.24 18.407C11.0196 19.5688 10.7361 20.5265 10.4142 21.3348C9.74365 23.0186 8.91456 24.0152 8.29775 24.7567C8.20554 24.8675 8.118 24.9728 8.03652 25.0737C7.6895 25.5033 7.05989 25.5703 6.63024 25.2233C6.2006 24.8762 6.13362 24.2466 6.48064 23.817C6.57541 23.6996 6.67148 23.5837 6.76836 23.4667C7.37262 22.7374 8.00852 21.9699 8.5561 20.5949C9.1972 18.985 9.72733 16.4922 9.72733 12.3047V7.30469ZM11.5552 16.167C11.548 16.2407 11.6058 16.3047 11.6799 16.3047H21.5711C21.6401 16.3047 21.6961 16.2487 21.6961 16.1797V13.4297C21.6961 13.3607 21.6401 13.3047 21.5711 13.3047H11.8397C11.7717 13.3047 11.7161 13.3591 11.7145 13.4272C11.6912 14.4284 11.6364 15.338 11.5552 16.167ZM21.5711 8.30469H11.8523C11.7833 8.30469 11.7273 8.36065 11.7273 8.42969V11.1797C11.7273 11.2487 11.7833 11.3047 11.8523 11.3047H21.5711C21.6401 11.3047 21.6961 11.2487 21.6961 11.1797V8.42969C21.6961 8.36065 21.6401 8.30469 21.5711 8.30469Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_2546"
x={1.37939}
y={0.9375}
width={29.375}
height={29.375}
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={1} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.992157 0 0 0 0 0.384314 0 0 0 0 0.164706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2546"
/>
<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={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.32549 0 0 0 0 0.168627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2546"
result="effect2_innerShadow_18590_2546"
/>
<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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.741176 0 0 0 0 0.25098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_2546"
result="effect3_innerShadow_18590_2546"
/>
</filter>
<filter
id="filter1_f_18590_2546"
x={25.3169}
y={1.6875}
width={5.5}
height={28.375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_2546"
/>
</filter>
<filter
id="filter2_f_18590_2546"
x={2.59326}
y={1}
width={27.2812}
height={5.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_2546"
/>
</filter>
<filter
id="filter3_f_18590_2546"
x={5.25854}
y={5.30469}
width={19.4375}
height={21.1407}
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_18590_2546"
/>
</filter>
<filter
id="filter4_ii_18590_2546"
x={5.85854}
y={5.90469}
width={18.2375}
height={19.9407}
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.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2546"
/>
<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.4} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2546"
result="effect2_innerShadow_18590_2546"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2546"
x1={15.8169}
y1={5.51201}
x2={15.8169}
y2={38.7647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA851" />
<stop offset={1} stopColor="#FF7E50" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2546"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5356 4.03125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#FFD774" />
<stop offset={1} stopColor="#FF77B1" stopOpacity={0} />
<stop offset={1} stopColor="#FFD774" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_2546"
x1={28.5669}
y1={4.4375}
x2={28.5669}
y2={27.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFCE69" />
<stop offset={1} stopColor="#FF9C61" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2546"
x1={28.2808}
y1={4.00002}
x2={2.74951}
y2={4.00002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC85B" />
<stop offset={1} stopColor="#FFB156" />
</linearGradient>
</defs>
</svg>
);
module.exports = JapaneseMonthlyAmountButtonIcon;