@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
328 lines (327 loc) • 16.4 kB
JSX
const React = require("react");
const JapaneseFreeOfChargeButtonIcon = ({ 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_2614)">
<rect
x={1.87939}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2614)"
/>
<rect
x={1.87939}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2614)"
/>
</g>
<g filter="url(#filter1_f_18590_2614)">
<path
d="M28.0669 4.1875V27.0625"
stroke="url(#paint2_linear_18590_2614)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2614)">
<path
d="M5.34326 3.5H27.1245"
stroke="url(#paint3_linear_18590_2614)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2614)">
<path
d="M6.05089 9.55979C5.77475 10.0381 5.93862 10.6497 6.41692 10.9258C6.89521 11.202 7.5068 11.0381 7.78294 10.5598L8.44377 9.4152C8.46297 9.38194 8.49953 9.36305 8.53794 9.36353C8.54225 9.36359 8.54657 9.36362 8.55089 9.36362H9.45089C9.50612 9.36362 9.55089 9.40839 9.55089 9.46362V13.2636C9.55089 13.3188 9.50612 13.3636 9.45089 13.3636H7.55089C6.9986 13.3636 6.55089 13.8113 6.55089 14.3636C6.55089 14.9159 6.99861 15.3636 7.55089 15.3636H9.45089C9.50612 15.3636 9.55089 15.4084 9.55089 15.4636V19.2636C9.55089 19.3188 9.50612 19.3636 9.45089 19.3636H8.55089C7.99861 19.3636 7.55089 19.8113 7.55089 20.3636C7.55089 20.9159 7.99861 21.3636 8.55089 21.3636H24.5509C25.1032 21.3636 25.5509 20.9159 25.5509 20.3636C25.5509 19.8113 25.1032 19.3636 24.5509 19.3636H23.6509C23.5957 19.3636 23.5509 19.3188 23.5509 19.2636V15.4636C23.5509 15.4084 23.5957 15.3636 23.6509 15.3636H25.5509C26.1032 15.3636 26.5509 14.9159 26.5509 14.3636C26.5509 13.8113 26.1032 13.3636 25.5509 13.3636H23.6509C23.5957 13.3636 23.5509 13.3188 23.5509 13.2636V9.46362C23.5509 9.40839 23.5957 9.36362 23.6509 9.36362H24.5509C25.1032 9.36362 25.5509 8.9159 25.5509 8.36362C25.5509 7.81133 25.1032 7.36362 24.5509 7.36362H9.80145C9.72447 7.36362 9.67636 7.28028 9.71485 7.21362L10.2829 6.22966C10.5591 5.75137 10.3952 5.13978 9.91691 4.86363C9.43862 4.58749 8.82703 4.75137 8.55089 5.22966L6.05089 9.55979ZM21.4509 15.3636C21.5061 15.3636 21.5509 15.4084 21.5509 15.4636V19.2636C21.5509 19.3188 21.5061 19.3636 21.4509 19.3636H19.6509C19.5957 19.3636 19.5509 19.3188 19.5509 19.2636V15.4636C19.5509 15.4084 19.5957 15.3636 19.6509 15.3636H21.4509ZM21.4509 9.36362C21.5061 9.36362 21.5509 9.40839 21.5509 9.46362V13.2636C21.5509 13.3188 21.5061 13.3636 21.4509 13.3636H19.6509C19.5957 13.3636 19.5509 13.3188 19.5509 13.2636V9.46362C19.5509 9.40839 19.5957 9.36362 19.6509 9.36362H21.4509ZM17.4509 9.36362C17.5061 9.36362 17.5509 9.40839 17.5509 9.46362V13.2636C17.5509 13.3188 17.5061 13.3636 17.4509 13.3636H15.6509C15.5957 13.3636 15.5509 13.3188 15.5509 13.2636V9.46362C15.5509 9.40839 15.5957 9.36362 15.6509 9.36362H17.4509ZM17.4509 15.3636C17.5061 15.3636 17.5509 15.4084 17.5509 15.4636V19.2636C17.5509 19.3188 17.5061 19.3636 17.4509 19.3636H15.6509C15.5957 19.3636 15.5509 19.3188 15.5509 19.2636V15.4636C15.5509 15.4084 15.5957 15.3636 15.6509 15.3636H17.4509ZM13.4509 15.3636C13.5061 15.3636 13.5509 15.4084 13.5509 15.4636V19.2636C13.5509 19.3188 13.5061 19.3636 13.4509 19.3636H11.6509C11.5957 19.3636 11.5509 19.3188 11.5509 19.2636V15.4636C11.5509 15.4084 11.5957 15.3636 11.6509 15.3636H13.4509ZM13.4509 9.36362C13.5061 9.36362 13.5509 9.40839 13.5509 9.46362V13.2636C13.5509 13.3188 13.5061 13.3636 13.4509 13.3636H11.6509C11.5957 13.3636 11.5509 13.3188 11.5509 13.2636V9.46362C11.5509 9.40839 11.5957 9.36362 11.6509 9.36362H13.4509Z"
fill="#FF8A53"
/>
<path
d="M14.8097 23.8472C14.6668 23.3137 14.9833 22.7654 15.5168 22.6224C16.0503 22.4795 16.5986 22.7961 16.7416 23.3295L17.2592 25.2614C17.4021 25.7949 17.0856 26.3432 16.5521 26.4861C16.0186 26.6291 15.4703 26.3125 15.3273 25.779L14.8097 23.8472Z"
fill="#FF8A53"
/>
<path
d="M19.5168 22.6224C18.9833 22.7654 18.6668 23.3137 18.8097 23.8472L19.3273 25.779C19.4703 26.3125 20.0186 26.6291 20.5521 26.4861C21.0856 26.3432 21.4021 25.7949 21.2592 25.2614L20.7416 23.3295C20.5986 22.7961 20.0503 22.4795 19.5168 22.6224Z"
fill="#FF8A53"
/>
<path
d="M22.8097 23.8472C22.6668 23.3137 22.9833 22.7654 23.5168 22.6224C24.0503 22.4795 24.5986 22.7961 24.7416 23.3295L25.2592 25.2614C25.4021 25.7949 25.0856 26.3432 24.5521 26.4861C24.0186 26.6291 23.4703 26.3125 23.3273 25.779L22.8097 23.8472Z"
fill="#FF8A53"
/>
<path
d="M11.4169 22.8222C10.9386 22.5461 10.327 22.71 10.0509 23.1883L9.05089 24.9203C8.77475 25.3986 8.93862 26.0102 9.41692 26.2863C9.89521 26.5625 10.5068 26.3986 10.7829 25.9203L11.7829 24.1883C12.0591 23.71 11.8952 23.0984 11.4169 22.8222Z"
fill="#FF8A53"
/>
</g>
<g filter="url(#filter4_ii_18590_2614)">
<path
d="M6.05089 9.55979C5.77475 10.0381 5.93862 10.6497 6.41692 10.9258C6.89521 11.202 7.5068 11.0381 7.78294 10.5598L8.44377 9.4152C8.46297 9.38194 8.49953 9.36305 8.53794 9.36353C8.54225 9.36359 8.54657 9.36362 8.55089 9.36362H9.45089C9.50612 9.36362 9.55089 9.40839 9.55089 9.46362V13.2636C9.55089 13.3188 9.50612 13.3636 9.45089 13.3636H7.55089C6.9986 13.3636 6.55089 13.8113 6.55089 14.3636C6.55089 14.9159 6.99861 15.3636 7.55089 15.3636H9.45089C9.50612 15.3636 9.55089 15.4084 9.55089 15.4636V19.2636C9.55089 19.3188 9.50612 19.3636 9.45089 19.3636H8.55089C7.99861 19.3636 7.55089 19.8113 7.55089 20.3636C7.55089 20.9159 7.99861 21.3636 8.55089 21.3636H24.5509C25.1032 21.3636 25.5509 20.9159 25.5509 20.3636C25.5509 19.8113 25.1032 19.3636 24.5509 19.3636H23.6509C23.5957 19.3636 23.5509 19.3188 23.5509 19.2636V15.4636C23.5509 15.4084 23.5957 15.3636 23.6509 15.3636H25.5509C26.1032 15.3636 26.5509 14.9159 26.5509 14.3636C26.5509 13.8113 26.1032 13.3636 25.5509 13.3636H23.6509C23.5957 13.3636 23.5509 13.3188 23.5509 13.2636V9.46362C23.5509 9.40839 23.5957 9.36362 23.6509 9.36362H24.5509C25.1032 9.36362 25.5509 8.9159 25.5509 8.36362C25.5509 7.81133 25.1032 7.36362 24.5509 7.36362H9.80145C9.72447 7.36362 9.67636 7.28028 9.71485 7.21362L10.2829 6.22966C10.5591 5.75137 10.3952 5.13978 9.91691 4.86363C9.43862 4.58749 8.82703 4.75137 8.55089 5.22966L6.05089 9.55979ZM21.4509 15.3636C21.5061 15.3636 21.5509 15.4084 21.5509 15.4636V19.2636C21.5509 19.3188 21.5061 19.3636 21.4509 19.3636H19.6509C19.5957 19.3636 19.5509 19.3188 19.5509 19.2636V15.4636C19.5509 15.4084 19.5957 15.3636 19.6509 15.3636H21.4509ZM21.4509 9.36362C21.5061 9.36362 21.5509 9.40839 21.5509 9.46362V13.2636C21.5509 13.3188 21.5061 13.3636 21.4509 13.3636H19.6509C19.5957 13.3636 19.5509 13.3188 19.5509 13.2636V9.46362C19.5509 9.40839 19.5957 9.36362 19.6509 9.36362H21.4509ZM17.4509 9.36362C17.5061 9.36362 17.5509 9.40839 17.5509 9.46362V13.2636C17.5509 13.3188 17.5061 13.3636 17.4509 13.3636H15.6509C15.5957 13.3636 15.5509 13.3188 15.5509 13.2636V9.46362C15.5509 9.40839 15.5957 9.36362 15.6509 9.36362H17.4509ZM17.4509 15.3636C17.5061 15.3636 17.5509 15.4084 17.5509 15.4636V19.2636C17.5509 19.3188 17.5061 19.3636 17.4509 19.3636H15.6509C15.5957 19.3636 15.5509 19.3188 15.5509 19.2636V15.4636C15.5509 15.4084 15.5957 15.3636 15.6509 15.3636H17.4509ZM13.4509 15.3636C13.5061 15.3636 13.5509 15.4084 13.5509 15.4636V19.2636C13.5509 19.3188 13.5061 19.3636 13.4509 19.3636H11.6509C11.5957 19.3636 11.5509 19.3188 11.5509 19.2636V15.4636C11.5509 15.4084 11.5957 15.3636 11.6509 15.3636H13.4509ZM13.4509 9.36362C13.5061 9.36362 13.5509 9.40839 13.5509 9.46362V13.2636C13.5509 13.3188 13.5061 13.3636 13.4509 13.3636H11.6509C11.5957 13.3636 11.5509 13.3188 11.5509 13.2636V9.46362C11.5509 9.40839 11.5957 9.36362 11.6509 9.36362H13.4509Z"
fill="#FCF2FF"
/>
<path
d="M14.8097 23.8472C14.6668 23.3137 14.9833 22.7654 15.5168 22.6224C16.0503 22.4795 16.5986 22.7961 16.7416 23.3295L17.2592 25.2614C17.4021 25.7949 17.0856 26.3432 16.5521 26.4861C16.0186 26.6291 15.4703 26.3125 15.3273 25.779L14.8097 23.8472Z"
fill="#FCF2FF"
/>
<path
d="M19.5168 22.6224C18.9833 22.7654 18.6668 23.3137 18.8097 23.8472L19.3273 25.779C19.4703 26.3125 20.0186 26.6291 20.5521 26.4861C21.0856 26.3432 21.4021 25.7949 21.2592 25.2614L20.7416 23.3295C20.5986 22.7961 20.0503 22.4795 19.5168 22.6224Z"
fill="#FCF2FF"
/>
<path
d="M22.8097 23.8472C22.6668 23.3137 22.9833 22.7654 23.5168 22.6224C24.0503 22.4795 24.5986 22.7961 24.7416 23.3295L25.2592 25.2614C25.4021 25.7949 25.0856 26.3432 24.5521 26.4861C24.0186 26.6291 23.4703 26.3125 23.3273 25.779L22.8097 23.8472Z"
fill="#FCF2FF"
/>
<path
d="M11.4169 22.8222C10.9386 22.5461 10.327 22.71 10.0509 23.1883L9.05089 24.9203C8.77475 25.3986 8.93862 26.0102 9.41692 26.2863C9.89521 26.5625 10.5068 26.3986 10.7829 25.9203L11.7829 24.1883C12.0591 23.71 11.8952 23.0984 11.4169 22.8222Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_2614"
x={1.37939}
y={0.6875}
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_2614"
/>
<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_2614"
result="effect2_innerShadow_18590_2614"
/>
<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_2614"
result="effect3_innerShadow_18590_2614"
/>
</filter>
<filter
id="filter1_f_18590_2614"
x={25.3169}
y={1.4375}
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_2614"
/>
</filter>
<filter
id="filter2_f_18590_2614"
x={2.59326}
y={0.75}
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_2614"
/>
</filter>
<filter
id="filter3_f_18590_2614"
x={4.91675}
y={3.72949}
width={22.6342}
height={23.791}
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_2614"
/>
</filter>
<filter
id="filter4_ii_18590_2614"
x={5.51675}
y={4.32949}
width={21.4342}
height={22.591}
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_2614"
/>
<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_2614"
result="effect2_innerShadow_18590_2614"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2614"
x1={15.8169}
y1={5.26201}
x2={15.8169}
y2={38.5147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA851" />
<stop offset={1} stopColor="#FF7E50" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2614"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5356 3.78125) 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_2614"
x1={28.5669}
y1={4.1875}
x2={28.5669}
y2={27.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFCE69" />
<stop offset={1} stopColor="#FF9C61" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2614"
x1={28.2808}
y1={3.75002}
x2={2.74951}
y2={3.75002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC85B" />
<stop offset={1} stopColor="#FFB156" />
</linearGradient>
</defs>
</svg>
);
module.exports = JapaneseFreeOfChargeButtonIcon;