@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 8.74 kB
JSX
const React = require("react");
const UpLeftArrowIcon = ({ 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_792)">
<rect
x={2.0658}
y={2.1875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_792)"
/>
<rect
x={2.0658}
y={2.1875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_792)"
/>
</g>
<g filter="url(#filter1_f_18590_792)">
<path
d="M28.2533 4.6875V27.5625"
stroke="url(#paint2_linear_18590_792)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_792)">
<path
d="M5.52966 4H27.3109"
stroke="url(#paint3_linear_18590_792)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_792)">
<path
d="M9.11891 9.57756C9.11678 9.16036 9.45552 8.82161 9.87272 8.82374L17.1656 8.86096C17.8319 8.86436 18.1633 9.67011 17.6921 10.1413L15.7755 12.0579C15.6486 12.1848 15.6945 12.4061 15.8246 12.5298C15.8308 12.5357 15.8369 12.5417 15.843 12.5477L23.4287 20.1335C23.8193 20.524 23.8193 21.1572 23.4287 21.5477L21.843 23.1335C21.4524 23.524 20.8193 23.524 20.4287 23.1335L12.843 15.5477C12.8369 15.5417 12.8309 15.5356 12.825 15.5294C12.7013 15.3993 12.48 15.3534 12.3531 15.4803L10.4364 17.3969C9.96528 17.8681 9.15953 17.5368 9.15613 16.8704L9.11891 9.57756Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_792)">
<path
d="M9.11891 9.57756C9.11678 9.16036 9.45552 8.82161 9.87272 8.82374L17.1656 8.86096C17.8319 8.86436 18.1633 9.67011 17.6921 10.1413L15.7755 12.0579C15.6486 12.1848 15.6945 12.4061 15.8246 12.5298C15.8308 12.5357 15.8369 12.5417 15.843 12.5477L23.4287 20.1335C23.8193 20.524 23.8193 21.1572 23.4287 21.5477L21.843 23.1335C21.4524 23.524 20.8193 23.524 20.4287 23.1335L12.843 15.5477C12.8369 15.5417 12.8309 15.5356 12.825 15.5294C12.7013 15.3993 12.48 15.3534 12.3531 15.4803L10.4364 17.3969C9.96528 17.8681 9.15953 17.5368 9.15613 16.8704L9.11891 9.57756Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_792"
x={2.0658}
y={1.1875}
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_792"
/>
<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_792"
result="effect2_innerShadow_18590_792"
/>
</filter>
<filter
id="filter1_f_18590_792"
x={25.5033}
y={1.9375}
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_792"
/>
</filter>
<filter
id="filter2_f_18590_792"
x={2.77966}
y={1.25}
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_792"
/>
</filter>
<filter
id="filter3_f_18590_792"
x={8.1189}
y={7.82373}
width={16.6028}
height={16.6027}
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_792"
/>
</filter>
<filter
id="filter4_ii_18590_792"
x={8.5189}
y={8.42373}
width={15.6028}
height={15.6027}
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_792"
/>
<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_792"
result="effect2_innerShadow_18590_792"
/>
</filter>
<linearGradient
id="paint0_linear_18590_792"
x1={16.0033}
y1={5.76201}
x2={16.0033}
y2={39.0147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_792"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.722 4.28125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_792"
x1={28.7533}
y1={4.6875}
x2={28.7533}
y2={27.5625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_792"
x1={28.4672}
y1={4.25002}
x2={2.93591}
y2={4.25002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = UpLeftArrowIcon;