@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
161 lines (160 loc) • 8.9 kB
JSX
const React = require("react");
const DoubleCurlyLoopIcon = ({ 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_2068)">
<path
d="M21.5984 23.7408C18.6959 23.7408 16.3346 21.3814 16.3309 18.4796C16.329 18.2652 16.3446 16.0446 17.8065 13.7914C18.3026 13.0268 18.9065 12.3457 19.6126 11.7537C19.7043 11.6768 19.6773 11.5279 19.5625 11.4939C18.3483 11.1335 16.9384 10.9521 15.339 10.9521C13.7682 10.9521 12.3766 11.1487 11.1719 11.5395C11.0603 11.5757 11.0352 11.721 11.1245 11.7971C11.8047 12.3771 12.3884 13.0412 12.8702 13.7833C14.3315 16.0339 14.3496 18.2527 14.3471 18.4708V18.4733C14.3471 21.3777 11.984 23.7408 9.07961 23.7408C6.17649 23.7408 3.81399 21.3796 3.81211 18.4764C3.81149 18.2696 3.83899 14.7683 6.54211 12.0439C6.59913 11.9866 6.65674 11.93 6.7151 11.8742C6.79768 11.7952 6.76869 11.6556 6.65978 11.621C5.39594 11.219 3.93963 10.9921 2.30899 10.9446C1.75774 10.9283 1.32336 10.4677 1.33961 9.91581C1.35586 9.36394 1.81524 8.92957 2.36836 8.94582C4.85854 9.01864 7.01722 9.47781 8.79384 10.3107C8.83657 10.3307 8.88597 10.3298 8.92795 10.3082C10.6814 9.40735 12.8264 8.95269 15.339 8.95269C17.9293 8.95269 20.1189 9.38888 21.8865 10.2546C21.9273 10.2746 21.9747 10.2754 22.0162 10.2566C23.7672 9.46296 25.8805 9.02492 28.3096 8.95332C28.3196 8.95332 28.3296 8.95269 28.3396 8.95269C28.8784 8.95269 29.3227 9.38144 29.3384 9.92331C29.3546 10.4752 28.9202 10.9358 28.3684 10.9521C26.8246 10.9977 25.4366 11.2029 24.2208 11.5657C24.1098 11.5989 24.0794 11.7408 24.1636 11.8204C24.2977 11.9474 24.4275 12.0785 24.5527 12.2139C26.9777 14.8296 26.889 18.0633 26.8652 18.4971C26.8527 21.3908 24.4946 23.7408 21.5984 23.7408ZM21.9849 12.6228C21.9369 12.5896 21.8738 12.5881 21.8243 12.6189C20.8846 13.201 20.1167 13.9327 19.5365 14.8008C18.3265 16.6121 18.3302 18.4402 18.3309 18.4583V18.4683V18.4733C18.3309 20.2752 19.7965 21.7408 21.5984 21.7408C23.4002 21.7408 24.8659 20.2752 24.8659 18.4733L24.869 18.3902C24.8702 18.3671 25.0277 15.6489 23.0677 13.5533C22.7457 13.2096 22.3846 12.8994 21.9849 12.6228ZM8.99769 12.7041C8.94683 12.6712 8.881 12.6728 8.83196 12.7084C8.51998 12.9349 8.23019 13.1835 7.96211 13.4533C5.81524 15.6171 5.81211 18.4377 5.81211 18.4664V18.4739C5.81211 20.2758 7.27774 21.7414 9.07961 21.7414C10.8815 21.7414 12.3471 20.2758 12.3471 18.4739V18.4471C12.3471 18.4339 12.3502 16.6058 11.1396 14.7939C10.5903 13.9709 9.87197 13.2705 8.99769 12.7041Z"
fill="url(#paint0_linear_18590_2068)"
/>
</g>
<path
d="M21.5984 23.7408C18.6959 23.7408 16.3346 21.3814 16.3309 18.4796C16.329 18.2652 16.3446 16.0446 17.8065 13.7914C18.3527 12.9496 19.0296 12.2089 19.8296 11.5771C18.5565 11.1614 17.0571 10.9521 15.339 10.9521C13.6565 10.9521 12.1796 11.1777 10.9177 11.6258C11.6871 12.2452 12.3402 12.9671 12.8702 13.7833C14.3315 16.0339 14.3496 18.2527 14.3471 18.4708V18.4733C14.3471 21.3777 11.984 23.7408 9.07961 23.7408C6.17649 23.7408 3.81399 21.3796 3.81211 18.4764C3.81149 18.2696 3.83899 14.7683 6.54211 12.0439C6.65899 11.9264 6.77836 11.8121 6.90149 11.7008C5.58274 11.2489 4.04461 10.9952 2.30899 10.9446C1.75774 10.9283 1.32336 10.4677 1.33961 9.91581C1.35586 9.36394 1.81524 8.92957 2.36836 8.94582C4.89024 9.01956 7.07211 9.48957 8.86149 10.3427C10.6271 9.41894 12.7946 8.95269 15.339 8.95269C17.9609 8.95269 20.1721 9.39956 21.9509 10.2864C23.7146 9.47394 25.8502 9.02581 28.3096 8.95332C28.3196 8.95332 28.3296 8.95269 28.3396 8.95269C28.8784 8.95269 29.3227 9.38144 29.3384 9.92331C29.3546 10.4752 28.9202 10.9358 28.3684 10.9521C26.7177 11.0008 25.2452 11.2321 23.9709 11.6433C24.174 11.8246 24.3684 12.0146 24.5527 12.2139C26.9777 14.8296 26.889 18.0633 26.8652 18.4971C26.8527 21.3908 24.4946 23.7408 21.5984 23.7408ZM21.9059 12.5689C20.929 13.1589 20.1334 13.9077 19.5365 14.8008C18.3265 16.6121 18.3302 18.4402 18.3309 18.4583V18.4683V18.4733C18.3309 20.2752 19.7965 21.7408 21.5984 21.7408C23.4002 21.7408 24.8659 20.2752 24.8659 18.4733L24.869 18.3902C24.8702 18.3671 25.0277 15.6489 23.0677 13.5533C22.7246 13.1871 22.3371 12.8589 21.9059 12.5689ZM8.91336 12.6502C8.57024 12.8921 8.25336 13.1602 7.96211 13.4533C5.81524 15.6171 5.81211 18.4377 5.81211 18.4664V18.4739C5.81211 20.2758 7.27774 21.7414 9.07961 21.7414C10.8815 21.7414 12.3471 20.2758 12.3471 18.4739V18.4471C12.3471 18.4339 12.3502 16.6058 11.1396 14.7939C10.5727 13.9446 9.82586 13.2258 8.91336 12.6502Z"
fill="url(#paint1_radial_18590_2068)"
/>
<g filter="url(#filter1_f_18590_2068)">
<path
d="M2.5083 9.62499C4.4458 9.53124 9.18955 10.0812 11.6646 13.2812C14.7583 17.2812 13.7271 22.625 9.3833 22.625C4.6333 22.625 3.78955 16.4062 7.0708 13.125C10.1604 10.0354 13.8833 9.96874 15.7583 9.96874"
stroke="#5B4F68"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2068)">
<path
d="M28.3833 9.625C26.4458 9.53125 21.9521 10.1437 19.4771 13.3437C16.3833 17.3437 16.8208 22.0625 21.5083 22.625C26.1958 23.1875 27.1021 16.4062 23.8208 13.125C20.7312 10.0354 17.0083 9.96874 15.1333 9.96874"
stroke="#5B4F68"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_2068"
x={1.33917}
y={8.19537}
width={28.4996}
height={15.5454}
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 dy={-0.75} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.239216 0 0 0 0 0.129412 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2068"
/>
<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.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.239216 0 0 0 0 0.215686 0 0 0 0 0.270588 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2068"
result="effect2_innerShadow_18590_2068"
/>
</filter>
<filter
id="filter1_f_18590_2068"
x={1.6333}
y={8.74042}
width={15}
height={14.7596}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18590_2068"
/>
</filter>
<filter
id="filter2_f_18590_2068"
x={14.2583}
y={8.74115}
width={15}
height={14.7917}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18590_2068"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2068"
x1={15.339}
y1={9.86426}
x2={15.339}
y2={23.7408}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5A4C68" />
<stop offset={1} stopColor="#312E35" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2068"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.6099 9.75001) rotate(177.537) scale(0.727233 0.685422)"
>
<stop stopColor="#7B6E88" />
<stop offset={1} stopColor="#7B6E88" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = DoubleCurlyLoopIcon;