@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 8.95 kB
JSX
const React = require("react");
const LeftArrowCurvingRightIcon = ({ 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_848)">
<rect
x={2.0658}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_848)"
/>
<rect
x={2.0658}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_848)"
/>
</g>
<g filter="url(#filter1_f_18590_848)">
<path
d="M28.2533 4.1875V27.0625"
stroke="url(#paint2_linear_18590_848)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_848)">
<path
d="M5.52966 3.5H27.3109"
stroke="url(#paint3_linear_18590_848)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_848)">
<path
d="M13.5525 6.41919C9.68802 6.42109 6.55579 9.77822 6.55579 13.9192C6.55579 18.0613 9.68979 21.4192 13.5558 21.4192H20.3057C20.4438 21.4192 20.5557 21.5311 20.5557 21.6692V24.0793C20.5557 24.7619 21.3935 25.0896 21.8567 24.5882L26.0856 20.0102C26.3511 19.7228 26.3511 19.2797 26.0856 18.9924L21.8567 14.4144C21.3935 13.913 20.5557 14.2407 20.5557 14.9233V17.1692C20.5557 17.3073 20.4438 17.4192 20.3057 17.4192H13.5558C12.1544 17.4192 10.5558 16.1166 10.5558 13.9192C10.5558 11.7218 12.1544 10.4192 13.5558 10.4192H19.5557C20.108 10.4192 20.5557 9.97147 20.5557 9.41919V7.41919C20.5557 6.8669 20.108 6.41919 19.5557 6.41919H13.5558L13.5525 6.41919Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_848)">
<path
d="M13.5525 6.41919C9.68802 6.42109 6.55579 9.77822 6.55579 13.9192C6.55579 18.0613 9.68979 21.4192 13.5558 21.4192H20.3057C20.4438 21.4192 20.5557 21.5311 20.5557 21.6692V24.0793C20.5557 24.7619 21.3935 25.0896 21.8567 24.5882L26.0856 20.0102C26.3511 19.7228 26.3511 19.2797 26.0856 18.9924L21.8567 14.4144C21.3935 13.913 20.5557 14.2407 20.5557 14.9233V17.1692C20.5557 17.3073 20.4438 17.4192 20.3057 17.4192H13.5558C12.1544 17.4192 10.5558 16.1166 10.5558 13.9192C10.5558 11.7218 12.1544 10.4192 13.5558 10.4192H19.5557C20.108 10.4192 20.5557 9.97147 20.5557 9.41919V7.41919C20.5557 6.8669 20.108 6.41919 19.5557 6.41919H13.5558L13.5525 6.41919Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_848"
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_848"
/>
<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_848"
result="effect2_innerShadow_18590_848"
/>
</filter>
<filter
id="filter1_f_18590_848"
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_848"
/>
</filter>
<filter
id="filter2_f_18590_848"
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_848"
/>
</filter>
<filter
id="filter3_f_18590_848"
x={5.55579}
y={5.41919}
width={21.7289}
height={20.4116}
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_848"
/>
</filter>
<filter
id="filter4_ii_18590_848"
x={5.95579}
y={6.01919}
width={20.7289}
height={19.4116}
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_848"
/>
<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_848"
result="effect2_innerShadow_18590_848"
/>
</filter>
<linearGradient
id="paint0_linear_18590_848"
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_848"
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_848"
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_848"
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 = LeftArrowCurvingRightIcon;