@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
311 lines (310 loc) • 13.8 kB
JSX
const React = require("react");
const JapaneseReservedButtonIcon = ({ 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_2574)">
<rect
x={1.87939}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2574)"
/>
<rect
x={1.87939}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2574)"
/>
</g>
<g filter="url(#filter1_f_18590_2574)">
<path
d="M28.0669 4.3125V27.1875"
stroke="url(#paint2_linear_18590_2574)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2574)">
<path
d="M5.34326 3.625H27.1245"
stroke="url(#paint3_linear_18590_2574)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2574)">
<path
d="M8.31323 5.75C8.31323 5.19772 8.76095 4.75 9.31323 4.75C9.86552 4.75 10.3132 5.19772 10.3132 5.75V9.625C10.3132 9.69404 10.3692 9.75 10.4382 9.75H12.3132C12.8655 9.75 13.3132 10.1977 13.3132 10.75C13.3132 11.3023 12.8655 11.75 12.3132 11.75H10.4382C10.3692 11.75 10.3132 11.806 10.3132 11.875V14.2851C10.3132 14.3673 10.3912 14.4271 10.4706 14.4058L11.9522 14.0088C12.4856 13.8659 13.034 14.1825 13.1769 14.7159C13.3198 15.2494 13.0033 15.7977 12.4698 15.9407L10.4059 16.4937C10.3512 16.5083 10.3132 16.5579 10.3132 16.6144V25.25C10.3132 26.0784 9.64166 26.75 8.81323 26.75H7.31323C6.76095 26.75 6.31323 26.3023 6.31323 25.75C6.31323 25.1977 6.76095 24.75 7.31323 24.75H8.18823C8.25727 24.75 8.31323 24.694 8.31323 24.625V17.2173C8.31323 17.1351 8.23527 17.0753 8.15588 17.0966L6.67424 17.4936C6.14077 17.6365 5.59243 17.3199 5.44949 16.7865C5.30655 16.253 5.62313 15.7047 6.1566 15.5617L8.22058 15.0087C8.27523 14.9941 8.31323 14.9445 8.31323 14.888V11.875C8.31323 11.806 8.25727 11.75 8.18823 11.75H6.31323C5.76095 11.75 5.31323 11.3023 5.31323 10.75C5.31323 10.1977 5.76095 9.75 6.31323 9.75H8.18823C8.25727 9.75 8.31323 9.69404 8.31323 9.625V5.75Z"
fill="#53BB7D"
/>
<path
d="M16.3132 4.75C15.7609 4.75 15.3132 5.19772 15.3132 5.75V13.75C15.3132 14.3023 15.7609 14.75 16.3132 14.75H25.3132C25.8655 14.75 26.3132 14.3023 26.3132 13.75V11.75C26.3132 11.1977 25.8655 10.75 25.3132 10.75C24.7609 10.75 24.3132 11.1977 24.3132 11.75V12.625C24.3132 12.694 24.2573 12.75 24.1882 12.75H17.4382C17.3692 12.75 17.3132 12.694 17.3132 12.625V11.041C17.3132 10.9824 17.354 10.9316 17.4112 10.9189L25.5233 9.12054C26.0624 9.00101 26.4026 8.467 26.2831 7.92781C26.1636 7.38861 25.6296 7.04841 25.0904 7.16795L17.4653 8.85839C17.3872 8.87569 17.3132 8.8163 17.3132 8.73635V5.75C17.3132 5.19772 16.8655 4.75 16.3132 4.75Z"
fill="#53BB7D"
/>
<path
d="M15.3132 16.75C15.3132 16.1977 15.7609 15.75 16.3132 15.75H25.3132C25.8655 15.75 26.3132 16.1977 26.3132 16.75V25.75C26.3132 26.3023 25.8655 26.75 25.3132 26.75C24.8032 26.75 24.3823 26.3682 24.3209 25.8748C24.3124 25.8062 24.2573 25.75 24.1882 25.75H17.4382C17.3692 25.75 17.3141 25.8062 17.3055 25.8748C17.2441 26.3682 16.8233 26.75 16.3132 26.75C15.7609 26.75 15.3132 26.3023 15.3132 25.75V16.75ZM17.3132 23.625C17.3132 23.694 17.3692 23.75 17.4382 23.75H24.1882C24.2573 23.75 24.3132 23.694 24.3132 23.625V21.875C24.3132 21.806 24.2573 21.75 24.1882 21.75H17.4382C17.3692 21.75 17.3132 21.806 17.3132 21.875V23.625ZM24.1882 17.75H17.4382C17.3692 17.75 17.3132 17.806 17.3132 17.875V19.625C17.3132 19.694 17.3692 19.75 17.4382 19.75H24.1882C24.2573 19.75 24.3132 19.694 24.3132 19.625V17.875C24.3132 17.806 24.2573 17.75 24.1882 17.75Z"
fill="#53BB7D"
/>
</g>
<g filter="url(#filter4_ii_18590_2574)">
<path
d="M8.31323 5.75C8.31323 5.19772 8.76095 4.75 9.31323 4.75C9.86552 4.75 10.3132 5.19772 10.3132 5.75V9.625C10.3132 9.69404 10.3692 9.75 10.4382 9.75H12.3132C12.8655 9.75 13.3132 10.1977 13.3132 10.75C13.3132 11.3023 12.8655 11.75 12.3132 11.75H10.4382C10.3692 11.75 10.3132 11.806 10.3132 11.875V14.2851C10.3132 14.3673 10.3912 14.4271 10.4706 14.4058L11.9522 14.0088C12.4856 13.8659 13.034 14.1825 13.1769 14.7159C13.3198 15.2494 13.0033 15.7977 12.4698 15.9407L10.4059 16.4937C10.3512 16.5083 10.3132 16.5579 10.3132 16.6144V25.25C10.3132 26.0784 9.64166 26.75 8.81323 26.75H7.31323C6.76095 26.75 6.31323 26.3023 6.31323 25.75C6.31323 25.1977 6.76095 24.75 7.31323 24.75H8.18823C8.25727 24.75 8.31323 24.694 8.31323 24.625V17.2173C8.31323 17.1351 8.23527 17.0753 8.15588 17.0966L6.67424 17.4936C6.14077 17.6365 5.59243 17.3199 5.44949 16.7865C5.30655 16.253 5.62313 15.7047 6.1566 15.5617L8.22058 15.0087C8.27523 14.9941 8.31323 14.9445 8.31323 14.888V11.875C8.31323 11.806 8.25727 11.75 8.18823 11.75H6.31323C5.76095 11.75 5.31323 11.3023 5.31323 10.75C5.31323 10.1977 5.76095 9.75 6.31323 9.75H8.18823C8.25727 9.75 8.31323 9.69404 8.31323 9.625V5.75Z"
fill="#FCF2FF"
/>
<path
d="M16.3132 4.75C15.7609 4.75 15.3132 5.19772 15.3132 5.75V13.75C15.3132 14.3023 15.7609 14.75 16.3132 14.75H25.3132C25.8655 14.75 26.3132 14.3023 26.3132 13.75V11.75C26.3132 11.1977 25.8655 10.75 25.3132 10.75C24.7609 10.75 24.3132 11.1977 24.3132 11.75V12.625C24.3132 12.694 24.2573 12.75 24.1882 12.75H17.4382C17.3692 12.75 17.3132 12.694 17.3132 12.625V11.041C17.3132 10.9824 17.354 10.9316 17.4112 10.9189L25.5233 9.12054C26.0624 9.00101 26.4026 8.467 26.2831 7.92781C26.1636 7.38861 25.6296 7.04841 25.0904 7.16795L17.4653 8.85839C17.3872 8.87569 17.3132 8.8163 17.3132 8.73635V5.75C17.3132 5.19772 16.8655 4.75 16.3132 4.75Z"
fill="#FCF2FF"
/>
<path
d="M15.3132 16.75C15.3132 16.1977 15.7609 15.75 16.3132 15.75H25.3132C25.8655 15.75 26.3132 16.1977 26.3132 16.75V25.75C26.3132 26.3023 25.8655 26.75 25.3132 26.75C24.8032 26.75 24.3823 26.3682 24.3209 25.8748C24.3124 25.8062 24.2573 25.75 24.1882 25.75H17.4382C17.3692 25.75 17.3141 25.8062 17.3055 25.8748C17.2441 26.3682 16.8233 26.75 16.3132 26.75C15.7609 26.75 15.3132 26.3023 15.3132 25.75V16.75ZM17.3132 23.625C17.3132 23.694 17.3692 23.75 17.4382 23.75H24.1882C24.2573 23.75 24.3132 23.694 24.3132 23.625V21.875C24.3132 21.806 24.2573 21.75 24.1882 21.75H17.4382C17.3692 21.75 17.3132 21.806 17.3132 21.875V23.625ZM24.1882 17.75H17.4382C17.3692 17.75 17.3132 17.806 17.3132 17.875V19.625C17.3132 19.694 17.3692 19.75 17.4382 19.75H24.1882C24.2573 19.75 24.3132 19.694 24.3132 19.625V17.875C24.3132 17.806 24.2573 17.75 24.1882 17.75Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_2574"
x={1.37939}
y={0.8125}
width={30.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={2} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.521569 0 0 0 0 0.309804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2574"
/>
<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 0.25098 0 0 0 0 0.490196 0 0 0 0 0.462745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2574"
result="effect2_innerShadow_18590_2574"
/>
<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 0.356863 0 0 0 0 0.905882 0 0 0 0 0.560784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_2574"
result="effect3_innerShadow_18590_2574"
/>
</filter>
<filter
id="filter1_f_18590_2574"
x={25.3169}
y={1.5625}
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_2574"
/>
</filter>
<filter
id="filter2_f_18590_2574"
x={2.59326}
y={0.875}
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_2574"
/>
</filter>
<filter
id="filter3_f_18590_2574"
x={4.31323}
y={3.75}
width={23}
height={24}
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_2574"
/>
</filter>
<filter
id="filter4_ii_18590_2574"
x={4.91323}
y={4.35}
width={21.8}
height={22.8}
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_2574"
/>
<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_2574"
result="effect2_innerShadow_18590_2574"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2574"
x1={15.8169}
y1={5.38701}
x2={15.8169}
y2={38.6397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5AD98F" />
<stop offset={1} stopColor="#51C685" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2574"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5356 3.90625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#80FFB3" />
<stop offset={1} stopColor="#80FFB3" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_2574"
x1={28.5669}
y1={4.3125}
x2={28.5669}
y2={27.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#74FCA8" />
<stop offset={1} stopColor="#61DB90" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2574"
x1={28.2808}
y1={3.87502}
x2={2.74951}
y2={3.87502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#66F39D" />
<stop offset={1} stopColor="#60E496" />
</linearGradient>
</defs>
</svg>
);
module.exports = JapaneseReservedButtonIcon;