@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
304 lines (303 loc) • 13.5 kB
JSX
const React = require("react");
const JapaneseOpenForBusinessButtonIcon = ({ 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_2721)">
<rect
x={1.87939}
y={2.4375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2721)"
/>
<rect
x={1.87939}
y={2.4375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2721)"
/>
</g>
<g filter="url(#filter1_f_18590_2721)">
<path
d="M28.0669 4.9375V27.8125"
stroke="url(#paint2_linear_18590_2721)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2721)">
<path
d="M5.34326 4.25H27.1245"
stroke="url(#paint3_linear_18590_2721)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2721)">
<path
d="M9.36634 6.49792C8.90055 6.79466 8.76351 7.41282 9.06025 7.87861L9.27557 8.21659C9.32858 8.29981 9.26881 8.40876 9.17014 8.40876H7.31323C6.76095 8.40876 6.31323 8.85647 6.31323 9.40876V12.4088C6.31323 12.961 6.76095 13.4088 7.31323 13.4088C7.86552 13.4088 8.31323 12.961 8.31323 12.4088V10.5338C8.31323 10.4647 8.3692 10.4088 8.43823 10.4088H23.1882C23.2573 10.4088 23.3132 10.4647 23.3132 10.5338V12.4088C23.3132 12.961 23.7609 13.4088 24.3132 13.4088C24.8655 13.4088 25.3132 12.961 25.3132 12.4088V9.40876C25.3132 8.85647 24.8655 8.40876 24.3132 8.40876H22.4942C22.3955 8.40876 22.3358 8.29981 22.3888 8.21659L22.56 7.94784C22.8567 7.48205 22.7197 6.86389 22.2539 6.56715C21.7881 6.27041 21.17 6.40745 20.8732 6.87324L19.9318 8.35092C19.9089 8.38694 19.8691 8.40876 19.8264 8.40876H15.795C15.7523 8.40876 15.7125 8.38694 15.6896 8.35092L14.7533 6.88116C14.4565 6.41537 13.8384 6.27833 13.3726 6.57507C12.9068 6.87181 12.7697 7.48997 13.0665 7.95576L13.2326 8.21659C13.2857 8.29981 13.2259 8.40876 13.1272 8.40876H11.8379C11.7952 8.40876 11.7555 8.38694 11.7325 8.35092L10.747 6.80401C10.4503 6.33822 9.83213 6.20118 9.36634 6.49792Z"
fill="#FF8A53"
/>
<path
d="M9.31323 12.4088C9.31323 11.8565 9.76095 11.4088 10.3132 11.4088H21.3132C21.8655 11.4088 22.3132 11.8565 22.3132 12.4088V16.4088C22.3132 16.9611 21.8655 17.4088 21.3132 17.4088H14.4108C14.3535 17.4088 14.3035 17.4479 14.2896 17.5035L13.8521 19.2535C13.8323 19.3324 13.892 19.4088 13.9733 19.4088H24.3132C24.8655 19.4088 25.3132 19.8565 25.3132 20.4088V25.4088C25.3132 25.9611 24.8655 26.4088 24.3132 26.4088C23.8032 26.4088 23.3823 26.027 23.3209 25.5336C23.3124 25.4651 23.2573 25.4088 23.1882 25.4088H8.43823C8.3692 25.4088 8.31405 25.4651 8.30553 25.5336C8.24412 26.027 7.82327 26.4088 7.31323 26.4088C6.76095 26.4088 6.31323 25.9611 6.31323 25.4088V20.4088C6.31323 19.8565 6.76095 19.4088 7.31323 19.4088H11.7156C11.773 19.4088 11.823 19.3698 11.8369 19.3141L12.2744 17.5641C12.2941 17.4852 12.2345 17.4088 12.1531 17.4088H10.3132C9.76095 17.4088 9.31323 16.9611 9.31323 16.4088V12.4088ZM11.3132 13.5338V15.2838C11.3132 15.3528 11.3692 15.4088 11.4382 15.4088H20.1882C20.2573 15.4088 20.3132 15.3528 20.3132 15.2838V13.5338C20.3132 13.4648 20.2573 13.4088 20.1882 13.4088H11.4382C11.3692 13.4088 11.3132 13.4648 11.3132 13.5338ZM23.3132 21.5338C23.3132 21.4648 23.2573 21.4088 23.1882 21.4088H8.43823C8.3692 21.4088 8.31323 21.4648 8.31323 21.5338V23.2838C8.31323 23.3528 8.3692 23.4088 8.43823 23.4088H23.1882C23.2573 23.4088 23.3132 23.3528 23.3132 23.2838V21.5338Z"
fill="#FF8A53"
/>
</g>
<g filter="url(#filter4_ii_18590_2721)">
<path
d="M9.36634 6.49792C8.90055 6.79466 8.76351 7.41282 9.06025 7.87861L9.27557 8.21659C9.32858 8.29981 9.26881 8.40876 9.17014 8.40876H7.31323C6.76095 8.40876 6.31323 8.85647 6.31323 9.40876V12.4088C6.31323 12.961 6.76095 13.4088 7.31323 13.4088C7.86552 13.4088 8.31323 12.961 8.31323 12.4088V10.5338C8.31323 10.4647 8.3692 10.4088 8.43823 10.4088H23.1882C23.2573 10.4088 23.3132 10.4647 23.3132 10.5338V12.4088C23.3132 12.961 23.7609 13.4088 24.3132 13.4088C24.8655 13.4088 25.3132 12.961 25.3132 12.4088V9.40876C25.3132 8.85647 24.8655 8.40876 24.3132 8.40876H22.4942C22.3955 8.40876 22.3358 8.29981 22.3888 8.21659L22.56 7.94784C22.8567 7.48205 22.7197 6.86389 22.2539 6.56715C21.7881 6.27041 21.17 6.40745 20.8732 6.87324L19.9318 8.35092C19.9089 8.38694 19.8691 8.40876 19.8264 8.40876H15.795C15.7523 8.40876 15.7125 8.38694 15.6896 8.35092L14.7533 6.88116C14.4565 6.41537 13.8384 6.27833 13.3726 6.57507C12.9068 6.87181 12.7697 7.48997 13.0665 7.95576L13.2326 8.21659C13.2857 8.29981 13.2259 8.40876 13.1272 8.40876H11.8379C11.7952 8.40876 11.7555 8.38694 11.7325 8.35092L10.747 6.80401C10.4503 6.33822 9.83213 6.20118 9.36634 6.49792Z"
fill="#FCF2FF"
/>
<path
d="M9.31323 12.4088C9.31323 11.8565 9.76095 11.4088 10.3132 11.4088H21.3132C21.8655 11.4088 22.3132 11.8565 22.3132 12.4088V16.4088C22.3132 16.9611 21.8655 17.4088 21.3132 17.4088H14.4108C14.3535 17.4088 14.3035 17.4479 14.2896 17.5035L13.8521 19.2535C13.8323 19.3324 13.892 19.4088 13.9733 19.4088H24.3132C24.8655 19.4088 25.3132 19.8565 25.3132 20.4088V25.4088C25.3132 25.9611 24.8655 26.4088 24.3132 26.4088C23.8032 26.4088 23.3823 26.027 23.3209 25.5336C23.3124 25.4651 23.2573 25.4088 23.1882 25.4088H8.43823C8.3692 25.4088 8.31405 25.4651 8.30553 25.5336C8.24412 26.027 7.82327 26.4088 7.31323 26.4088C6.76095 26.4088 6.31323 25.9611 6.31323 25.4088V20.4088C6.31323 19.8565 6.76095 19.4088 7.31323 19.4088H11.7156C11.773 19.4088 11.823 19.3698 11.8369 19.3141L12.2744 17.5641C12.2941 17.4852 12.2345 17.4088 12.1531 17.4088H10.3132C9.76095 17.4088 9.31323 16.9611 9.31323 16.4088V12.4088ZM11.3132 13.5338V15.2838C11.3132 15.3528 11.3692 15.4088 11.4382 15.4088H20.1882C20.2573 15.4088 20.3132 15.3528 20.3132 15.2838V13.5338C20.3132 13.4648 20.2573 13.4088 20.1882 13.4088H11.4382C11.3692 13.4088 11.3132 13.4648 11.3132 13.5338ZM23.3132 21.5338C23.3132 21.4648 23.2573 21.4088 23.1882 21.4088H8.43823C8.3692 21.4088 8.31323 21.4648 8.31323 21.5338V23.2838C8.31323 23.3528 8.3692 23.4088 8.43823 23.4088H23.1882C23.2573 23.4088 23.3132 23.3528 23.3132 23.2838V21.5338Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_2721"
x={1.37939}
y={1.4375}
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_2721"
/>
<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_2721"
result="effect2_innerShadow_18590_2721"
/>
<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_2721"
result="effect3_innerShadow_18590_2721"
/>
</filter>
<filter
id="filter1_f_18590_2721"
x={25.3169}
y={2.1875}
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_2721"
/>
</filter>
<filter
id="filter2_f_18590_2721"
x={2.59326}
y={1.5}
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_2721"
/>
</filter>
<filter
id="filter3_f_18590_2721"
x={5.31323}
y={5.34119}
width={21}
height={22.0676}
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_2721"
/>
</filter>
<filter
id="filter4_ii_18590_2721"
x={5.91323}
y={5.94119}
width={19.8}
height={20.8676}
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_2721"
/>
<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_2721"
result="effect2_innerShadow_18590_2721"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2721"
x1={15.8169}
y1={6.01201}
x2={15.8169}
y2={39.2647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA851" />
<stop offset={1} stopColor="#FF7E50" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2721"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5356 4.53125) 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_2721"
x1={28.5669}
y1={4.9375}
x2={28.5669}
y2={27.8125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFCE69" />
<stop offset={1} stopColor="#FF9C61" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2721"
x1={28.2808}
y1={4.50002}
x2={2.74951}
y2={4.50002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC85B" />
<stop offset={1} stopColor="#FFB156" />
</linearGradient>
</defs>
</svg>
);
module.exports = JapaneseOpenForBusinessButtonIcon;