@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
200 lines (199 loc) • 7.8 kB
JSX
const React = require("react");
const JapaneseAcceptableButtonIcon = ({ 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_2642)">
<path
d="M15.6023 30.6938C23.3343 30.6938 29.6023 24.4258 29.6023 16.6938C29.6023 8.96186 23.3343 2.69385 15.6023 2.69385C7.87031 2.69385 1.60229 8.96186 1.60229 16.6938C1.60229 24.4258 7.87031 30.6938 15.6023 30.6938Z"
fill="url(#paint0_linear_18590_2642)"
/>
</g>
<g filter="url(#filter1_f_18590_2642)">
<path
d="M8.60229 8.5C8.05001 8.5 7.60229 8.94771 7.60229 9.5C7.60229 10.0523 8.05001 10.5 8.60229 10.5H19.4773C19.5463 10.5 19.6023 10.556 19.6023 10.625V22.375C19.6023 22.444 19.5463 22.5 19.4773 22.5H16.6023C16.05 22.5 15.6023 22.9477 15.6023 23.5C15.6023 24.0523 16.05 24.5 16.6023 24.5H20.6023C21.1546 24.5 21.6023 24.0523 21.6023 23.5V10.625C21.6023 10.556 21.6583 10.5 21.7273 10.5H22.6023C23.1546 10.5 23.6023 10.0523 23.6023 9.5C23.6023 8.94771 23.1546 8.5 22.6023 8.5H8.60229Z"
fill="#FF8A52"
/>
<path
d="M10.6023 12.5C10.05 12.5 9.60229 12.9477 9.60229 13.5V20.5C9.60229 21.0523 10.05 21.5 10.6023 21.5C11.1123 21.5 11.5332 21.1182 11.5946 20.6248C11.6031 20.5562 11.6583 20.5 11.7273 20.5H16.6023C17.1546 20.5 17.6023 20.0523 17.6023 19.5V13.5C17.6023 12.9477 17.1546 12.5 16.6023 12.5H10.6023ZM15.4773 14.5C15.5463 14.5 15.6023 14.556 15.6023 14.625V18.375C15.6023 18.444 15.5463 18.5 15.4773 18.5H11.7273C11.6583 18.5 11.6023 18.444 11.6023 18.375V14.625C11.6023 14.556 11.6583 14.5 11.7273 14.5H15.4773Z"
fill="#FF8A52"
/>
</g>
<g filter="url(#filter2_ii_18590_2642)">
<path
d="M8.60229 8.5C8.05001 8.5 7.60229 8.94771 7.60229 9.5C7.60229 10.0523 8.05001 10.5 8.60229 10.5H19.5023C19.5575 10.5 19.6023 10.5448 19.6023 10.6V22.4C19.6023 22.4552 19.5575 22.5 19.5023 22.5H16.6023C16.05 22.5 15.6023 22.9477 15.6023 23.5C15.6023 24.0523 16.05 24.5 16.6023 24.5H20.6023C21.1546 24.5 21.6023 24.0523 21.6023 23.5V10.6C21.6023 10.5448 21.6471 10.5 21.7023 10.5H22.6023C23.1546 10.5 23.6023 10.0523 23.6023 9.5C23.6023 8.94771 23.1546 8.5 22.6023 8.5H8.60229Z"
fill="#FCF2FF"
/>
<path
d="M10.6023 12.5C10.05 12.5 9.60229 12.9477 9.60229 13.5V20.5C9.60229 21.0523 10.05 21.5 10.6023 21.5C11.1209 21.5 11.5473 21.1053 11.5974 20.5999C11.6028 20.5449 11.6471 20.5 11.7023 20.5H16.6023C17.1546 20.5 17.6023 20.0523 17.6023 19.5V13.5C17.6023 12.9477 17.1546 12.5 16.6023 12.5H10.6023ZM15.5023 14.5C15.5575 14.5 15.6023 14.5448 15.6023 14.6V18.4C15.6023 18.4552 15.5575 18.5 15.5023 18.5H11.7023C11.6471 18.5 11.6023 18.4552 11.6023 18.4V14.6C11.6023 14.5448 11.6471 14.5 11.7023 14.5H15.5023Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_2642"
x={-0.147705}
y={1.19385}
width={31.25}
height={31.25}
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.75} dy={1.75} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.819608 0 0 0 0 0.462745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2642"
/>
<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.5} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.972549 0 0 0 0 0.407843 0 0 0 0 0.188235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2642"
result="effect2_innerShadow_18590_2642"
/>
<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.5} />
<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.321569 0 0 0 0 0.168627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_2642"
result="effect3_innerShadow_18590_2642"
/>
</filter>
<filter
id="filter1_f_18590_2642"
x={6.60229}
y={7.5}
width={18}
height={18}
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_2642"
/>
</filter>
<filter
id="filter2_ii_18590_2642"
x={7.20229}
y={8.1}
width={16.8}
height={16.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_2642"
/>
<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_2642"
result="effect2_innerShadow_18590_2642"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2642"
x1={15.6023}
y1={2.69385}
x2={15.6023}
y2={30.6938}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFB555" />
<stop offset={1} stopColor="#FF8753" />
</linearGradient>
</defs>
</svg>
);
module.exports = JapaneseAcceptableButtonIcon;