@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 8.75 kB
JSX
const React = require("react");
const DownRightArrowIcon = ({ 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_736)">
<rect
x={2.0658}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_736)"
/>
<rect
x={2.0658}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_736)"
/>
</g>
<g filter="url(#filter1_f_18590_736)">
<path
d="M28.2533 4.1875V27.0625"
stroke="url(#paint2_linear_18590_736)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_736)">
<path
d="M5.52966 3.5H27.3109"
stroke="url(#paint3_linear_18590_736)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_736)">
<path
d="M8.99199 10.2029L10.5778 8.61711C10.9683 8.22659 11.6015 8.22659 11.992 8.61711L19.5778 16.2029C19.5838 16.209 19.5898 16.2151 19.5957 16.2213C19.7194 16.3514 19.9407 16.3973 20.0676 16.2703L21.5605 14.7775C22.1887 14.1492 23.2631 14.591 23.2676 15.4795L23.3005 21.9206C23.3033 22.4768 22.8517 22.9285 22.2954 22.9257L15.8543 22.8928C14.9658 22.8882 14.5241 21.8139 15.1523 21.1857L16.6452 19.6928C16.7722 19.5658 16.7262 19.3445 16.5961 19.2208C16.59 19.2149 16.5838 19.209 16.5778 19.2029L8.99199 11.6171C8.60147 11.2266 8.60147 10.5934 8.99199 10.2029Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_736)">
<path
d="M8.99199 10.2029L10.5778 8.61711C10.9683 8.22659 11.6015 8.22659 11.992 8.61711L19.5778 16.2029C19.5838 16.209 19.5898 16.2151 19.5957 16.2213C19.7194 16.3514 19.9407 16.3973 20.0676 16.2703L21.5605 14.7775C22.1887 14.1492 23.2631 14.591 23.2676 15.4795L23.3005 21.9206C23.3033 22.4768 22.8517 22.9285 22.2954 22.9257L15.8543 22.8928C14.9658 22.8882 14.5241 21.8139 15.1523 21.1857L16.6452 19.6928C16.7722 19.5658 16.7262 19.3445 16.5961 19.2208C16.59 19.2149 16.5838 19.209 16.5778 19.2029L8.99199 11.6171C8.60147 11.2266 8.60147 10.5934 8.99199 10.2029Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_736"
x={2.0658}
y={0.6875}
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_736"
/>
<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_736"
result="effect2_innerShadow_18590_736"
/>
</filter>
<filter
id="filter1_f_18590_736"
x={25.5033}
y={1.4375}
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_736"
/>
</filter>
<filter
id="filter2_f_18590_736"
x={2.77966}
y={0.75}
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_736"
/>
</filter>
<filter
id="filter3_f_18590_736"
x={7.6991}
y={7.32422}
width={16.6014}
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_736"
/>
</filter>
<filter
id="filter4_ii_18590_736"
x={8.0991}
y={7.92422}
width={15.6014}
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_736"
/>
<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_736"
result="effect2_innerShadow_18590_736"
/>
</filter>
<linearGradient
id="paint0_linear_18590_736"
x1={16.0033}
y1={5.26201}
x2={16.0033}
y2={38.5147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_736"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.722 3.78125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_736"
x1={28.7533}
y1={4.1875}
x2={28.7533}
y2={27.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_736"
x1={28.4672}
y1={3.75002}
x2={2.93591}
y2={3.75002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = DownRightArrowIcon;