@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
285 lines (284 loc) • 9.94 kB
JSX
const React = require("react");
const RepeatButtonIcon = ({ 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_1335)">
<rect
x={1.85529}
y={2.4375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1335)"
/>
<rect
x={1.85529}
y={2.4375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1335)"
/>
</g>
<g filter="url(#filter1_f_18590_1335)">
<path
d="M28.0428 4.9375V27.8125"
stroke="url(#paint2_linear_18590_1335)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1335)">
<path
d="M5.31915 4.25H27.1004"
stroke="url(#paint3_linear_18590_1335)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1335)">
<path
d="M25.6541 10.5984L22.2549 7.49034C22.0158 7.25125 21.6 7.42797 21.5896 7.771V9.03919C21.5896 9.2367 21.4337 9.40302 21.2258 9.40302H11.361C8.29444 9.41341 5.78925 11.8874 5.78925 14.9436V18.0945C5.78925 18.4167 6.15307 18.5726 6.39216 18.3647L8.63748 16.3065C8.71024 16.2442 8.75182 16.1506 8.75182 16.0571V14.9539C8.75182 13.509 9.92646 12.3344 11.3714 12.3344L21.2362 12.3656C21.4337 12.3656 21.6 12.5319 21.6 12.7294V13.9976C21.6 14.3406 22.0054 14.5278 22.2549 14.2887L25.6541 11.1702C25.8308 11.0142 25.8308 10.7544 25.6541 10.5984Z"
fill="#579FFF"
/>
<path
d="M5.9244 22.1514L9.32356 25.2595C9.56265 25.4986 9.97845 25.3219 9.98884 24.9789V23.7107C9.98884 23.5132 10.1448 23.3469 10.3527 23.3469H20.2175C23.284 23.3365 25.7892 20.8625 25.7892 17.8063V14.6928C25.7892 14.3706 25.4254 14.2147 25.1863 14.4226L22.941 16.4808C22.8682 16.5431 22.8267 16.6367 22.8267 16.7303V17.7959C22.8267 19.2408 21.652 20.4155 20.2071 20.4155L10.3423 20.3843C10.1448 20.3843 9.97845 20.218 9.97845 20.0205V18.7523C9.97845 18.4092 9.57304 18.2221 9.32356 18.4612L5.9244 21.5797C5.74768 21.7356 5.74768 21.9955 5.9244 22.1514Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_1335)">
<path
d="M25.6541 10.5984L22.2549 7.49034C22.0158 7.25125 21.6 7.42797 21.5896 7.771V9.03919C21.5896 9.2367 21.4337 9.40302 21.2258 9.40302H11.361C8.29444 9.41341 5.78925 11.8874 5.78925 14.9436V18.0945C5.78925 18.4167 6.15307 18.5726 6.39216 18.3647L8.63748 16.3065C8.71024 16.2442 8.75182 16.1506 8.75182 16.0571V14.9539C8.75182 13.509 9.92646 12.3344 11.3714 12.3344L21.2362 12.3656C21.4337 12.3656 21.6 12.5319 21.6 12.7294V13.9976C21.6 14.3406 22.0054 14.5278 22.2549 14.2887L25.6541 11.1702C25.8308 11.0142 25.8308 10.7544 25.6541 10.5984Z"
fill="#FCF2FF"
/>
<path
d="M5.9244 22.1514L9.32356 25.2595C9.56265 25.4986 9.97845 25.3219 9.98884 24.9789V23.7107C9.98884 23.5132 10.1448 23.3469 10.3527 23.3469H20.2175C23.284 23.3365 25.7892 20.8625 25.7892 17.8063V14.6928C25.7892 14.3706 25.4254 14.2147 25.1863 14.4226L22.941 16.4808C22.8682 16.5431 22.8267 16.6367 22.8267 16.7303V17.7959C22.8267 19.2408 21.652 20.4155 20.2071 20.4155L10.3423 20.3843C10.1448 20.3843 9.97845 20.218 9.97845 20.0205V18.7523C9.97845 18.4092 9.57304 18.2221 9.32356 18.4612L5.9244 21.5797C5.74768 21.7356 5.74768 21.9955 5.9244 22.1514Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1335"
x={1.85529}
y={1.4375}
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_1335"
/>
<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_1335"
result="effect2_innerShadow_18590_1335"
/>
</filter>
<filter
id="filter1_f_18590_1335"
x={25.2928}
y={2.1875}
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_1335"
/>
</filter>
<filter
id="filter2_f_18590_1335"
x={2.56915}
y={1.5}
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_1335"
/>
</filter>
<filter
id="filter3_f_18590_1335"
x={4.78925}
y={6.38037}
width={22}
height={19.9891}
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_1335"
/>
</filter>
<filter
id="filter4_ii_18590_1335"
x={5.18925}
y={6.98037}
width={21}
height={18.9891}
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_1335"
/>
<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_1335"
result="effect2_innerShadow_18590_1335"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1335"
x1={15.7928}
y1={6.01201}
x2={15.7928}
y2={39.2647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1335"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5115 4.53125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1335"
x1={28.5428}
y1={4.9375}
x2={28.5428}
y2={27.8125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1335"
x1={28.2567}
y1={4.50002}
x2={2.7254}
y2={4.50002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = RepeatButtonIcon;