@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 9.27 kB
JSX
const React = require("react");
const RightArrowCurvingDownIcon = ({ 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_876)">
<rect
x={1.85535}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_876)"
/>
<rect
x={1.85535}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_876)"
/>
</g>
<g filter="url(#filter1_f_18590_876)">
<path
d="M28.0428 4.4375V27.3125"
stroke="url(#paint2_linear_18590_876)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_876)">
<path
d="M5.31921 3.75H27.1005"
stroke="url(#paint3_linear_18590_876)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_876)">
<path
d="M9.21497 7.52759C9.21497 6.9753 9.66268 6.52759 10.215 6.52759H12.2075C12.2116 6.52759 12.215 6.53091 12.215 6.53501C12.215 6.53928 12.2186 6.54267 12.2228 6.54242C12.3855 6.53258 12.5496 6.52759 12.715 6.52759C16.8571 6.52759 20.215 9.6616 20.215 13.5276V19.2776C20.215 19.4157 20.3269 19.5276 20.465 19.5276L22.4532 19.5276C23.1232 19.5276 23.457 20.3393 22.9808 20.8106L18.7426 25.0054C18.4503 25.2947 17.9796 25.2947 17.6874 25.0054L13.4491 20.8106C12.9729 20.3393 13.3067 19.5276 13.9767 19.5276H15.965C16.103 19.5276 16.215 19.4157 16.215 19.2776V13.5276C16.215 12.1262 14.9124 10.5276 12.715 10.5276C12.5481 10.5276 12.3864 10.5368 12.23 10.5545C12.222 10.5554 12.215 10.5491 12.215 10.5411C12.215 10.5336 12.2089 10.5276 12.2015 10.5276H10.215C9.66268 10.5276 9.21497 10.0799 9.21497 9.52759V7.52759Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_876)">
<path
d="M9.21497 7.52759C9.21497 6.9753 9.66268 6.52759 10.215 6.52759H12.2075C12.2116 6.52759 12.215 6.53091 12.215 6.53501C12.215 6.53928 12.2186 6.54267 12.2228 6.54242C12.3855 6.53258 12.5496 6.52759 12.715 6.52759C16.8571 6.52759 20.215 9.6616 20.215 13.5276V19.2776C20.215 19.4157 20.3269 19.5276 20.465 19.5276L22.4532 19.5276C23.1232 19.5276 23.457 20.3393 22.9808 20.8106L18.7426 25.0054C18.4503 25.2947 17.9796 25.2947 17.6874 25.0054L13.4491 20.8106C12.9729 20.3393 13.3067 19.5276 13.9767 19.5276H15.965C16.103 19.5276 16.215 19.4157 16.215 19.2776V13.5276C16.215 12.1262 14.9124 10.5276 12.715 10.5276C12.5481 10.5276 12.3864 10.5368 12.23 10.5545C12.222 10.5554 12.215 10.5491 12.215 10.5411C12.215 10.5336 12.2089 10.5276 12.2015 10.5276H10.215C9.66268 10.5276 9.21497 10.0799 9.21497 9.52759V7.52759Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_876"
x={1.85535}
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_876"
/>
<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_876"
result="effect2_innerShadow_18590_876"
/>
</filter>
<filter
id="filter1_f_18590_876"
x={25.2928}
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_876"
/>
</filter>
<filter
id="filter2_f_18590_876"
x={2.56921}
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_876"
/>
</filter>
<filter
id="filter3_f_18590_876"
x={8.21497}
y={5.52759}
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_876"
/>
</filter>
<filter
id="filter4_ii_18590_876"
x={8.61497}
y={6.12759}
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_876"
/>
<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_876"
result="effect2_innerShadow_18590_876"
/>
</filter>
<linearGradient
id="paint0_linear_18590_876"
x1={15.7928}
y1={5.51201}
x2={15.7928}
y2={38.7647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_876"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5116 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_876"
x1={28.5428}
y1={4.4375}
x2={28.5428}
y2={27.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_876"
x1={28.2567}
y1={4.00002}
x2={2.72546}
y2={4.00002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = RightArrowCurvingDownIcon;