@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
296 lines (295 loc) • 12.2 kB
JSX
const React = require("react");
const JapaneseNotFreeOfChargeButtonIcon = ({ 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_2560)">
<rect
x={1.87939}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2560)"
/>
<rect
x={1.87939}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2560)"
/>
</g>
<g filter="url(#filter1_f_18590_2560)">
<path
d="M28.0669 4.3125V27.1875"
stroke="url(#paint2_linear_18590_2560)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2560)">
<path
d="M5.34326 3.625H27.1245"
stroke="url(#paint3_linear_18590_2560)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2560)">
<path
d="M11.8132 5.75C11.8132 5.19772 12.2609 4.75 12.8132 4.75C13.3655 4.75 13.8132 5.19772 13.8132 5.75V6.65C13.8132 6.70523 13.858 6.75 13.9132 6.75H24.8132C25.3655 6.75 25.8132 7.19772 25.8132 7.75C25.8132 8.30228 25.3655 8.75 24.8132 8.75H13.4515C13.4099 8.75 13.3727 8.77576 13.3577 8.8146C13.3432 8.85246 13.3297 8.88714 13.3176 8.91833C13.2921 8.98379 13.2726 9.03407 13.2619 9.06623C13.1105 9.5203 12.7982 10.0579 12.4407 10.5929C12.396 10.6598 12.4436 10.75 12.524 10.75H22.8133C23.3656 10.75 23.8133 11.1977 23.8133 11.75V23.75C23.8133 24.8546 22.9179 25.75 21.8133 25.75H19.8133C19.261 25.75 18.8133 25.3023 18.8133 24.75C18.8133 24.1977 19.261 23.75 19.8133 23.75H21.7133C21.7685 23.75 21.8133 23.7052 21.8133 23.65V20.85C21.8133 20.7948 21.7685 20.75 21.7133 20.75H12.9133C12.8581 20.75 12.8133 20.7948 12.8133 20.85V25.75C12.8133 26.3023 12.3656 26.75 11.8133 26.75C11.261 26.75 10.8133 26.3023 10.8133 25.75V12.9192C10.8133 12.8656 10.7461 12.8417 10.7122 12.8832V12.8832C9.56987 14.2795 8.29769 15.6798 7.52041 16.4571C7.33945 16.6381 7.08939 16.75 6.81323 16.75C6.26095 16.75 5.81323 16.3023 5.81323 15.75C5.81323 15.4702 5.92813 15.2173 6.11332 15.0358C6.83697 14.3113 8.06031 12.9661 9.16428 11.6168C9.71735 10.9408 10.2305 10.2759 10.6316 9.69643C10.8508 9.3799 11.0202 9.11162 11.1429 8.89514C11.18 8.8297 11.1321 8.75 11.0568 8.75H6.81323C6.26095 8.75 5.81323 8.30228 5.81323 7.75C5.81323 7.19772 6.26095 6.75 6.81323 6.75H11.7132C11.7684 6.75 11.8132 6.70523 11.8132 6.65L11.8132 5.75ZM21.8133 16.85C21.8133 16.7948 21.7685 16.75 21.7133 16.75H12.9133C12.8581 16.75 12.8133 16.7948 12.8133 16.85V18.65C12.8133 18.7052 12.8581 18.75 12.9133 18.75H21.7133C21.7685 18.75 21.8133 18.7052 21.8133 18.65V16.85ZM21.8133 12.85C21.8133 12.7948 21.7685 12.75 21.7133 12.75H12.9133C12.8581 12.75 12.8133 12.7948 12.8133 12.85V14.65C12.8133 14.7052 12.8581 14.75 12.9133 14.75H21.7133C21.7685 14.75 21.8133 14.7052 21.8133 14.65V12.85Z"
fill="#FF8A53"
/>
</g>
<g filter="url(#filter4_ii_18590_2560)">
<path
d="M11.8132 5.75C11.8132 5.19772 12.2609 4.75 12.8132 4.75C13.3655 4.75 13.8132 5.19772 13.8132 5.75V6.65C13.8132 6.70523 13.858 6.75 13.9132 6.75H24.8132C25.3655 6.75 25.8132 7.19772 25.8132 7.75C25.8132 8.30228 25.3655 8.75 24.8132 8.75H13.4515C13.4099 8.75 13.3727 8.77576 13.3577 8.8146C13.3432 8.85246 13.3297 8.88714 13.3176 8.91833C13.2921 8.98379 13.2726 9.03407 13.2619 9.06623C13.1105 9.5203 12.7982 10.0579 12.4407 10.5929C12.396 10.6598 12.4436 10.75 12.524 10.75H22.8133C23.3656 10.75 23.8133 11.1977 23.8133 11.75V23.75C23.8133 24.8546 22.9179 25.75 21.8133 25.75H19.8133C19.261 25.75 18.8133 25.3023 18.8133 24.75C18.8133 24.1977 19.261 23.75 19.8133 23.75H21.7133C21.7685 23.75 21.8133 23.7052 21.8133 23.65V20.85C21.8133 20.7948 21.7685 20.75 21.7133 20.75H12.9133C12.8581 20.75 12.8133 20.7948 12.8133 20.85V25.75C12.8133 26.3023 12.3656 26.75 11.8133 26.75C11.261 26.75 10.8133 26.3023 10.8133 25.75V12.9192C10.8133 12.8656 10.7461 12.8417 10.7122 12.8832V12.8832C9.56987 14.2795 8.29769 15.6798 7.52041 16.4571C7.33945 16.6381 7.08939 16.75 6.81323 16.75C6.26095 16.75 5.81323 16.3023 5.81323 15.75C5.81323 15.4702 5.92813 15.2173 6.11332 15.0358C6.83697 14.3113 8.06031 12.9661 9.16428 11.6168C9.71735 10.9408 10.2305 10.2759 10.6316 9.69643C10.8508 9.3799 11.0202 9.11162 11.1429 8.89514C11.18 8.8297 11.1321 8.75 11.0568 8.75H6.81323C6.26095 8.75 5.81323 8.30228 5.81323 7.75C5.81323 7.19772 6.26095 6.75 6.81323 6.75H11.7132C11.7684 6.75 11.8132 6.70523 11.8132 6.65L11.8132 5.75ZM21.8133 16.85C21.8133 16.7948 21.7685 16.75 21.7133 16.75H12.9133C12.8581 16.75 12.8133 16.7948 12.8133 16.85V18.65C12.8133 18.7052 12.8581 18.75 12.9133 18.75H21.7133C21.7685 18.75 21.8133 18.7052 21.8133 18.65V16.85ZM21.8133 12.85C21.8133 12.7948 21.7685 12.75 21.7133 12.75H12.9133C12.8581 12.75 12.8133 12.7948 12.8133 12.85V14.65C12.8133 14.7052 12.8581 14.75 12.9133 14.75H21.7133C21.7685 14.75 21.8133 14.7052 21.8133 14.65V12.85Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_2560"
x={1.37939}
y={0.8125}
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_2560"
/>
<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_2560"
result="effect2_innerShadow_18590_2560"
/>
<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_2560"
result="effect3_innerShadow_18590_2560"
/>
</filter>
<filter
id="filter1_f_18590_2560"
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_2560"
/>
</filter>
<filter
id="filter2_f_18590_2560"
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_2560"
/>
</filter>
<filter
id="filter3_f_18590_2560"
x={4.81323}
y={3.75}
width={22}
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_2560"
/>
</filter>
<filter
id="filter4_ii_18590_2560"
x={5.41323}
y={4.35}
width={20.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_2560"
/>
<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_2560"
result="effect2_innerShadow_18590_2560"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2560"
x1={15.8169}
y1={5.38701}
x2={15.8169}
y2={38.6397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA851" />
<stop offset={1} stopColor="#FF7E50" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2560"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5356 3.90625) 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_2560"
x1={28.5669}
y1={4.3125}
x2={28.5669}
y2={27.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFCE69" />
<stop offset={1} stopColor="#FF9C61" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2560"
x1={28.2808}
y1={3.87502}
x2={2.74951}
y2={3.87502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC85B" />
<stop offset={1} stopColor="#FFB156" />
</linearGradient>
</defs>
</svg>
);
module.exports = JapaneseNotFreeOfChargeButtonIcon;