@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
293 lines (292 loc) • 12.2 kB
JSX
const React = require("react");
const InputLatinLettersIcon = ({ 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_ii_18590_2270)">
<rect
x={1.93433}
y={2.3125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2270)"
/>
<rect
x={1.93433}
y={2.3125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2270)"
/>
</g>
<g filter="url(#filter1_f_18590_2270)">
<path
d="M28.1218 4.8125V27.6875"
stroke="url(#paint2_linear_18590_2270)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2270)">
<path
d="M5.39819 4.125H27.1794"
stroke="url(#paint3_linear_18590_2270)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2270)">
<path
d="M12.7982 20.1388C12.7982 20.5888 13.1682 20.9588 13.6182 20.9588C13.9084 20.9588 14.1653 20.8049 14.3112 20.575C14.3434 20.5242 14.4102 20.5034 14.4625 20.5331C14.9395 20.804 15.491 20.9587 16.0782 20.9587C17.8882 20.9587 19.3582 19.4887 19.3582 17.6787V16.4887C19.3582 14.6787 17.8882 13.2087 16.0782 13.2087C15.5428 13.2087 15.0372 13.3374 14.5906 13.5653C14.5219 13.6004 14.4382 13.5518 14.4382 13.4748V10.2988C14.4382 9.84876 14.0682 9.47876 13.6182 9.47876C13.1682 9.47876 12.7982 9.84876 12.7982 10.2988V20.1388ZM14.4382 16.4887C14.4382 15.5887 15.1782 14.8487 16.0782 14.8487C16.9782 14.8487 17.7182 15.5887 17.7182 16.4887V17.6787C17.7182 18.5787 16.9782 19.3187 16.0782 19.3187C15.1782 19.3187 14.4382 18.5787 14.4382 17.6787V16.4887Z"
fill="#579FFF"
/>
<path
d="M23.5082 20.9587C21.6982 20.9587 20.2281 19.4887 20.2281 17.6787V16.4887C20.2281 14.6787 21.6982 13.2087 23.5082 13.2087C24.8981 13.2087 26.1382 14.0887 26.6082 15.3987C26.7582 15.8287 26.5382 16.2987 26.1082 16.4487C25.6782 16.5987 25.2082 16.3787 25.0582 15.9487C24.8282 15.2887 24.2082 14.8487 23.5082 14.8487C22.6082 14.8487 21.8682 15.5887 21.8682 16.4887V17.6787C21.8682 18.5787 22.6082 19.3187 23.5082 19.3187C24.1982 19.3187 24.8282 18.8787 25.0582 18.2187C25.2082 17.7887 25.6782 17.5687 26.1082 17.7187C26.5382 17.8687 26.7582 18.3387 26.6082 18.7687C26.1382 20.0787 24.8981 20.9587 23.5082 20.9587Z"
fill="#579FFF"
/>
<path
d="M9.9024 20.4559C9.95933 20.4201 10.036 20.4468 10.0664 20.5067C10.2022 20.774 10.4802 20.9587 10.7982 20.9587C11.2482 20.9587 11.6182 20.5887 11.6182 20.1387V16.1787C11.6182 14.5387 10.2882 13.2087 8.64825 13.2087H6.69817C6.24817 13.2087 5.87817 13.5787 5.87817 14.0287C5.87817 14.4787 6.24817 14.8487 6.69817 14.8487H8.64825C9.37825 14.8487 9.97825 15.4387 9.97825 16.1787V16.3187C9.97825 16.3739 9.93348 16.4187 9.87825 16.4187H7.66819C6.41819 16.4187 5.39819 17.4387 5.39819 18.6887C5.39819 19.9387 6.41819 20.9587 7.66819 20.9587H8.15819C8.79751 20.9587 9.39566 20.7741 9.9024 20.4559ZM6.88819 18.6887C6.88819 18.2587 7.23819 17.9087 7.66819 17.9087H9.82492C9.88506 17.9087 9.93181 17.9616 9.92052 18.0206C9.76281 18.8457 9.02921 19.4687 8.15819 19.4687H7.66819C7.23819 19.4687 6.88819 19.1187 6.88819 18.6887Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_2270)">
<path
d="M12.7982 20.1388C12.7982 20.5888 13.1682 20.9588 13.6182 20.9588C13.9084 20.9588 14.1653 20.8049 14.3112 20.575C14.3434 20.5242 14.4102 20.5034 14.4625 20.5331C14.9395 20.804 15.491 20.9587 16.0782 20.9587C17.8882 20.9587 19.3582 19.4887 19.3582 17.6787V16.4887C19.3582 14.6787 17.8882 13.2087 16.0782 13.2087C15.5428 13.2087 15.0372 13.3374 14.5906 13.5653C14.5219 13.6004 14.4382 13.5518 14.4382 13.4748V10.2988C14.4382 9.84876 14.0682 9.47876 13.6182 9.47876C13.1682 9.47876 12.7982 9.84876 12.7982 10.2988V20.1388ZM14.4382 16.4887C14.4382 15.5887 15.1782 14.8487 16.0782 14.8487C16.9782 14.8487 17.7182 15.5887 17.7182 16.4887V17.6787C17.7182 18.5787 16.9782 19.3187 16.0782 19.3187C15.1782 19.3187 14.4382 18.5787 14.4382 17.6787V16.4887Z"
fill="#FCF2FF"
/>
<path
d="M23.5082 20.9587C21.6982 20.9587 20.2281 19.4887 20.2281 17.6787V16.4887C20.2281 14.6787 21.6982 13.2087 23.5082 13.2087C24.8981 13.2087 26.1382 14.0887 26.6082 15.3987C26.7582 15.8287 26.5382 16.2987 26.1082 16.4487C25.6782 16.5987 25.2082 16.3787 25.0582 15.9487C24.8282 15.2887 24.2082 14.8487 23.5082 14.8487C22.6082 14.8487 21.8682 15.5887 21.8682 16.4887V17.6787C21.8682 18.5787 22.6082 19.3187 23.5082 19.3187C24.1982 19.3187 24.8282 18.8787 25.0582 18.2187C25.2082 17.7887 25.6782 17.5687 26.1082 17.7187C26.5382 17.8687 26.7582 18.3387 26.6082 18.7687C26.1382 20.0787 24.8981 20.9587 23.5082 20.9587Z"
fill="#FCF2FF"
/>
<path
d="M9.9024 20.4559C9.95933 20.4201 10.036 20.4468 10.0664 20.5067C10.2022 20.774 10.4802 20.9587 10.7982 20.9587C11.2482 20.9587 11.6182 20.5887 11.6182 20.1387V16.1787C11.6182 14.5387 10.2882 13.2087 8.64825 13.2087H6.69817C6.24817 13.2087 5.87817 13.5787 5.87817 14.0287C5.87817 14.4787 6.24817 14.8487 6.69817 14.8487H8.64825C9.37825 14.8487 9.97825 15.4387 9.97825 16.1787V16.3187C9.97825 16.3739 9.93348 16.4187 9.87825 16.4187H7.66819C6.41819 16.4187 5.39819 17.4387 5.39819 18.6887C5.39819 19.9387 6.41819 20.9587 7.66819 20.9587H8.15819C8.79751 20.9587 9.39566 20.7741 9.9024 20.4559ZM6.88819 18.6887C6.88819 18.2587 7.23819 17.9087 7.66819 17.9087H9.82492C9.88506 17.9087 9.93181 17.9616 9.92052 18.0206C9.76281 18.8457 9.02921 19.4687 8.15819 19.4687H7.66819C7.23819 19.4687 6.88819 19.1187 6.88819 18.6887Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_2270"
x={1.93433}
y={1.3125}
width={28.875}
height={28.875}
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.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2270"
/>
<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 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2270"
result="effect2_innerShadow_18590_2270"
/>
</filter>
<filter
id="filter1_f_18590_2270"
x={25.3718}
y={2.0625}
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_2270"
/>
</filter>
<filter
id="filter2_f_18590_2270"
x={2.64819}
y={1.375}
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_2270"
/>
</filter>
<filter
id="filter3_f_18590_2270"
x={4.39819}
y={8.47876}
width={23.257}
height={13.48}
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_2270"
/>
</filter>
<filter
id="filter4_ii_18590_2270"
x={4.39819}
y={9.07876}
width={22.657}
height={12.88}
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} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.866667 0 0 0 0 0.819608 0 0 0 0 0.941176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2270"
/>
<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.5} />
<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_2270"
result="effect2_innerShadow_18590_2270"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2270"
x1={15.8718}
y1={5.88701}
x2={15.8718}
y2={39.1397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2270"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5906 4.40625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_2270"
x1={28.6218}
y1={4.8125}
x2={28.6218}
y2={27.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2270"
x1={28.3357}
y1={4.37502}
x2={2.80444}
y2={4.37502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = InputLatinLettersIcon;