@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
194 lines (193 loc) • 6.45 kB
JSX
const React = require("react");
const JapaneseSymbolForBeginnerIcon = ({ 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_1970)">
<path
d="M16.5993 29.8325L26.4693 24.1725C26.7793 23.9925 26.9693 23.6625 26.9693 23.3025V2.50251C26.9693 2.12251 26.5493 1.87251 26.2193 2.07251L16.0943 7.92033C16.0169 7.96499 15.9693 8.04752 15.9693 8.13682V29.8983C15.9693 29.9535 16.0141 29.9986 16.0692 29.9948C16.2504 29.9821 16.4391 29.9337 16.5993 29.8325Z"
fill="url(#paint0_linear_18590_1970)"
/>
</g>
<g filter="url(#filter1_iii_18590_1970)">
<path
d="M15.9693 8.13681C15.9693 8.04751 15.9217 7.96499 15.8443 7.92032L5.7193 2.07249C5.38928 1.88248 4.9693 2.1225 4.9693 2.50248L4.97931 23.3025C4.97931 23.6625 5.16931 23.9925 5.47931 24.1725L15.3593 29.8325C15.5194 29.9228 15.693 29.976 15.8683 29.9922C15.9238 29.9973 15.9693 29.952 15.9693 29.8963V8.13681Z"
fill="url(#paint1_linear_18590_1970)"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_1970"
x={15.7193}
y={1.75183}
width={11.5}
height={28.2432}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.239216 0 0 0 0 0.607843 0 0 0 0 0.235294 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1970"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.466667 0 0 0 0 0.996078 0 0 0 0 0.576471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1970"
result="effect2_innerShadow_18590_1970"
/>
<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={-0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.321569 0 0 0 0 0.501961 0 0 0 0 0.443137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_1970"
result="effect3_innerShadow_18590_1970"
/>
</filter>
<filter
id="filter1_iii_18590_1970"
x={4.9693}
y={1.75598}
width={11.25}
height={28.7366}
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 dy={-0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.890196 0 0 0 0 0.466667 0 0 0 0 0.317647 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1970"
/>
<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={0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.94902 0 0 0 0 0.392157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1970"
result="effect2_innerShadow_18590_1970"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.760784 0 0 0 0 0.541176 0 0 0 0 0.207843 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_1970"
result="effect3_innerShadow_18590_1970"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1970"
x1={25.1568}
y1={3.25217}
x2={21.4693}
y2={27.3772}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.141369} stopColor="#53DB75" />
<stop offset={1} stopColor="#51B56F" />
</linearGradient>
<linearGradient
id="paint1_linear_18590_1970"
x1={15.9693}
y1={6.43967}
x2={15.9693}
y2={29.9975}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD556" />
<stop offset={1} stopColor="#FFC156" />
</linearGradient>
</defs>
</svg>
);
module.exports = JapaneseSymbolForBeginnerIcon;