@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 9.31 kB
JSX
const React = require("react");
const RightArrowCurvingUpIcon = ({ 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_862)">
<rect
x={1.85535}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_862)"
/>
<rect
x={1.85535}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_862)"
/>
</g>
<g filter="url(#filter1_f_18590_862)">
<path
d="M28.0428 4.5625V27.4375"
stroke="url(#paint2_linear_18590_862)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_862)">
<path
d="M5.31921 3.875H27.1005"
stroke="url(#paint3_linear_18590_862)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_862)">
<path
d="M8.51587 24.3474C8.51587 24.8996 8.96358 25.3474 9.51587 25.3474H11.5084C11.5125 25.3474 11.5159 25.344 11.5159 25.3399C11.5159 25.3357 11.5195 25.3323 11.5237 25.3325C11.6864 25.3424 11.8505 25.3474 12.0159 25.3474C16.158 25.3474 19.5159 22.2133 19.5159 18.3474V12.5974C19.5159 12.4593 19.6278 12.3474 19.7659 12.3474L21.7541 12.3474C22.4242 12.3474 22.7579 11.5356 22.2817 11.0643L18.0435 6.86953C17.7512 6.58027 17.2805 6.58027 16.9883 6.86953L12.75 11.0643C12.2738 11.5356 12.6076 12.3474 13.2776 12.3474H15.2659C15.4039 12.3474 15.5159 12.4593 15.5159 12.5974V18.3474C15.5159 19.7488 14.2133 21.3474 12.0159 21.3474C11.849 21.3474 11.6873 21.3381 11.5309 21.3205C11.5229 21.3196 11.5159 21.3258 11.5159 21.3339C11.5159 21.3413 11.5098 21.3474 11.5024 21.3474H9.51587C8.96358 21.3474 8.51587 21.7951 8.51587 22.3474V24.3474Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_862)">
<path
d="M8.51587 24.3474C8.51587 24.8996 8.96358 25.3474 9.51587 25.3474H11.5084C11.5125 25.3474 11.5159 25.344 11.5159 25.3399C11.5159 25.3357 11.5195 25.3323 11.5237 25.3325C11.6864 25.3424 11.8505 25.3474 12.0159 25.3474C16.158 25.3474 19.5159 22.2133 19.5159 18.3474V12.5974C19.5159 12.4593 19.6278 12.3474 19.7659 12.3474L21.7541 12.3474C22.4242 12.3474 22.7579 11.5356 22.2817 11.0643L18.0435 6.86953C17.7512 6.58027 17.2805 6.58027 16.9883 6.86953L12.75 11.0643C12.2738 11.5356 12.6076 12.3474 13.2776 12.3474H15.2659C15.4039 12.3474 15.5159 12.4593 15.5159 12.5974V18.3474C15.5159 19.7488 14.2133 21.3474 12.0159 21.3474C11.849 21.3474 11.6873 21.3381 11.5309 21.3205C11.5229 21.3196 11.5159 21.3258 11.5159 21.3339C11.5159 21.3413 11.5098 21.3474 11.5024 21.3474H9.51587C8.96358 21.3474 8.51587 21.7951 8.51587 22.3474V24.3474Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_862"
x={1.85535}
y={1.0625}
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_862"
/>
<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_862"
result="effect2_innerShadow_18590_862"
/>
</filter>
<filter
id="filter1_f_18590_862"
x={25.2928}
y={1.8125}
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_862"
/>
</filter>
<filter
id="filter2_f_18590_862"
x={2.56921}
y={1.125}
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_862"
/>
</filter>
<filter
id="filter3_f_18590_862"
x={7.51587}
y={5.65259}
width={15.9897}
height={20.6948}
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_862"
/>
</filter>
<filter
id="filter4_ii_18590_862"
x={7.91587}
y={6.25259}
width={14.9897}
height={19.6948}
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_862"
/>
<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_862"
result="effect2_innerShadow_18590_862"
/>
</filter>
<linearGradient
id="paint0_linear_18590_862"
x1={15.7928}
y1={5.63701}
x2={15.7928}
y2={38.8897}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_862"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5116 4.15625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_862"
x1={28.5428}
y1={4.5625}
x2={28.5428}
y2={27.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_862"
x1={28.2567}
y1={4.12502}
x2={2.72546}
y2={4.12502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = RightArrowCurvingUpIcon;