@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 8.47 kB
JSX
const React = require("react");
const LeftArrowIcon = ({ 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_778)">
<rect
x={2.0658}
y={2.3125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_778)"
/>
<rect
x={2.0658}
y={2.3125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_778)"
/>
</g>
<g filter="url(#filter1_f_18590_778)">
<path
d="M28.2533 4.8125V27.6875"
stroke="url(#paint2_linear_18590_778)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_778)">
<path
d="M5.52966 4.125H27.3109"
stroke="url(#paint3_linear_18590_778)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_778)">
<path
d="M7.22303 15.5566C6.85046 15.9438 6.85046 16.5562 7.22303 16.9433L12.3352 22.2561C12.9594 22.9048 14.0558 22.463 14.0558 21.5627V18.5C14.0558 18.3619 14.1678 18.25 14.3058 18.25L24.0558 18.25C24.6081 18.25 25.0558 17.8023 25.0558 17.25V15.25C25.0558 14.6977 24.6081 14.25 24.0558 14.25L14.3058 14.25C14.1678 14.25 14.0558 14.138 14.0558 14L14.0558 10.9372C14.0558 10.037 12.9594 9.59515 12.3352 10.2438L7.22303 15.5566Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_778)">
<path
d="M7.22303 15.5566C6.85046 15.9438 6.85046 16.5562 7.22303 16.9433L12.3352 22.2561C12.9594 22.9048 14.0558 22.463 14.0558 21.5627V18.5C14.0558 18.3619 14.1678 18.25 14.3058 18.25L24.0558 18.25C24.6081 18.25 25.0558 17.8023 25.0558 17.25V15.25C25.0558 14.6977 24.6081 14.25 24.0558 14.25L14.3058 14.25C14.1678 14.25 14.0558 14.138 14.0558 14L14.0558 10.9372C14.0558 10.037 12.9594 9.59515 12.3352 10.2438L7.22303 15.5566Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_778"
x={2.0658}
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_778"
/>
<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_778"
result="effect2_innerShadow_18590_778"
/>
</filter>
<filter
id="filter1_f_18590_778"
x={25.5033}
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_778"
/>
</filter>
<filter
id="filter2_f_18590_778"
x={2.77966}
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_778"
/>
</filter>
<filter
id="filter3_f_18590_778"
x={5.9436}
y={8.93518}
width={20.1122}
height={14.6295}
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_778"
/>
</filter>
<filter
id="filter4_ii_18590_778"
x={6.3436}
y={9.53518}
width={19.1122}
height={13.6295}
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.6} dy={0.6} />
<feGaussianBlur stdDeviation={0.5} />
<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_778"
/>
<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_778"
result="effect2_innerShadow_18590_778"
/>
</filter>
<linearGradient
id="paint0_linear_18590_778"
x1={16.0033}
y1={5.88701}
x2={16.0033}
y2={39.1397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_778"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.722 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_778"
x1={28.7533}
y1={4.8125}
x2={28.7533}
y2={27.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_778"
x1={28.4672}
y1={4.37502}
x2={2.93591}
y2={4.37502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = LeftArrowIcon;