@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 UpRightArrowIcon = ({ 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_708)">
<rect
x={2.0658}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_708)"
/>
<rect
x={2.0658}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_708)"
/>
</g>
<g filter="url(#filter1_f_18590_708)">
<path
d="M28.2533 4.4375V27.3125"
stroke="url(#paint2_linear_18590_708)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_708)">
<path
d="M5.52966 3.75H27.3109"
stroke="url(#paint3_linear_18590_708)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_708)">
<path
d="M23.304 9.57944C23.3069 9.02318 22.8552 8.57151 22.2989 8.57435L15.8578 8.60723C14.9694 8.61176 14.5276 9.68609 15.1558 10.3143L16.6486 11.8072C16.7756 11.9341 16.7297 12.1554 16.5996 12.2791C16.5934 12.285 16.5873 12.291 16.5812 12.2971L8.99541 19.8828C8.60488 20.2734 8.60488 20.9065 8.99541 21.2971L10.5812 22.8828C10.9717 23.2734 11.6049 23.2734 11.9954 22.8828L19.5812 15.2971C19.5873 15.291 19.5932 15.2849 19.5991 15.2787C19.7228 15.1486 19.9441 15.1027 20.0711 15.2296L21.564 16.7226C22.1923 17.3508 23.2666 16.909 23.2711 16.0206L23.304 9.57944Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_708)">
<path
d="M23.304 9.57944C23.3069 9.02318 22.8552 8.57151 22.2989 8.57435L15.8578 8.60723C14.9694 8.61176 14.5276 9.68609 15.1558 10.3143L16.6486 11.8072C16.7756 11.9341 16.7297 12.1554 16.5996 12.2791C16.5934 12.285 16.5873 12.291 16.5812 12.2971L8.99541 19.8828C8.60488 20.2734 8.60488 20.9065 8.99541 21.2971L10.5812 22.8828C10.9717 23.2734 11.6049 23.2734 11.9954 22.8828L19.5812 15.2971C19.5873 15.291 19.5932 15.2849 19.5991 15.2787C19.7228 15.1486 19.9441 15.1027 20.0711 15.2296L21.564 16.7226C22.1923 17.3508 23.2666 16.909 23.2711 16.0206L23.304 9.57944Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_708"
x={2.0658}
y={0.9375}
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_708"
/>
<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_708"
result="effect2_innerShadow_18590_708"
/>
</filter>
<filter
id="filter1_f_18590_708"
x={25.5033}
y={1.6875}
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_708"
/>
</filter>
<filter
id="filter2_f_18590_708"
x={2.77966}
y={1}
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_708"
/>
</filter>
<filter
id="filter3_f_18590_708"
x={7.70251}
y={7.57434}
width={16.6016}
height={16.6014}
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_708"
/>
</filter>
<filter
id="filter4_ii_18590_708"
x={8.10251}
y={8.17434}
width={15.6016}
height={15.6014}
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.901961 0 0 0 0 0.854902 0 0 0 0 0.980392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_708"
/>
<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_708"
result="effect2_innerShadow_18590_708"
/>
</filter>
<linearGradient
id="paint0_linear_18590_708"
x1={16.0033}
y1={5.51201}
x2={16.0033}
y2={38.7647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_708"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.722 4.03125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_708"
x1={28.7533}
y1={4.4375}
x2={28.7533}
y2={27.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_708"
x1={28.4672}
y1={4.00002}
x2={2.93591}
y2={4.00002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = UpRightArrowIcon;