@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 8.89 kB
JSX
const React = require("react");
const LeftRightArrowIcon = ({ 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_820)">
<rect
x={2.0658}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_820)"
/>
<rect
x={2.0658}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_820)"
/>
</g>
<g filter="url(#filter1_f_18590_820)">
<path
d="M28.2533 4.4375V27.3125"
stroke="url(#paint2_linear_18590_820)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_820)">
<path
d="M5.52966 3.75H27.3109"
stroke="url(#paint3_linear_18590_820)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_820)">
<path
d="M6.58753 16.5683C6.21496 16.1812 6.21496 15.5688 6.58753 15.1816L11.6998 9.86882C12.3239 9.22015 13.4203 9.66198 13.4203 10.5622L13.4203 13.625C13.4203 13.763 13.5323 13.875 13.6703 13.875L19.1703 13.875C19.3084 13.875 19.4203 13.763 19.4203 13.625L19.4203 10.5622C19.4203 9.66198 20.5167 9.22015 21.1409 9.86882L26.2531 15.1816C26.6257 15.5688 26.6257 16.1812 26.2531 16.5683L21.1409 21.8811C20.5167 22.5298 19.4203 22.088 19.4203 21.1877V18.125C19.4203 17.9869 19.3084 17.875 19.1703 17.875H13.6703C13.5323 17.875 13.4203 17.9869 13.4203 18.125L13.4203 21.1877C13.4203 22.088 12.3239 22.5298 11.6998 21.8811L6.58753 16.5683Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_820)">
<path
d="M6.58753 16.5683C6.21496 16.1812 6.21496 15.5688 6.58753 15.1816L11.6998 9.86882C12.3239 9.22015 13.4203 9.66198 13.4203 10.5622L13.4203 13.625C13.4203 13.763 13.5323 13.875 13.6703 13.875L19.1703 13.875C19.3084 13.875 19.4203 13.763 19.4203 13.625L19.4203 10.5622C19.4203 9.66198 20.5167 9.22015 21.1409 9.86882L26.2531 15.1816C26.6257 15.5688 26.6257 16.1812 26.2531 16.5683L21.1409 21.8811C20.5167 22.5298 19.4203 22.088 19.4203 21.1877V18.125C19.4203 17.9869 19.3084 17.875 19.1703 17.875H13.6703C13.5323 17.875 13.4203 17.9869 13.4203 18.125L13.4203 21.1877C13.4203 22.088 12.3239 22.5298 11.6998 21.8811L6.58753 16.5683Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_820"
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_820"
/>
<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_820"
result="effect2_innerShadow_18590_820"
/>
</filter>
<filter
id="filter1_f_18590_820"
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_820"
/>
</filter>
<filter
id="filter2_f_18590_820"
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_820"
/>
</filter>
<filter
id="filter3_f_18590_820"
x={5.30811}
y={8.56018}
width={22.2245}
height={14.6296}
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_820"
/>
</filter>
<filter
id="filter4_ii_18590_820"
x={5.70811}
y={9.16018}
width={21.2245}
height={13.6296}
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_820"
/>
<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_820"
result="effect2_innerShadow_18590_820"
/>
</filter>
<linearGradient
id="paint0_linear_18590_820"
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_820"
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_820"
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_820"
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 = LeftRightArrowIcon;