@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
285 lines (284 loc) • 9.8 kB
JSX
const React = require("react");
const ClockwiseVerticalArrowsIcon = ({ 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_890)">
<rect
x={1.85535}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_890)"
/>
<rect
x={1.85535}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_890)"
/>
</g>
<g filter="url(#filter1_f_18590_890)">
<path
d="M28.0428 4.3125V27.1875"
stroke="url(#paint2_linear_18590_890)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_890)">
<path
d="M5.31921 3.625H27.1005"
stroke="url(#paint3_linear_18590_890)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_890)">
<path
d="M16.2596 6.75C20.1554 6.75 23.3136 9.78405 23.3136 13.5267V19.0854C23.3136 19.2234 23.4255 19.3354 23.5636 19.3354L24.8469 19.3354C25.6872 19.3354 26.1057 20.3831 25.5085 20.9915L22.0941 24.47C21.7276 24.8433 21.1374 24.8433 20.7709 24.47L17.3565 20.9915C16.7593 20.3831 17.1779 19.3354 18.0181 19.3354H19.3014C19.4395 19.3354 19.5514 19.2234 19.5514 19.0854V13.5267C19.5514 12.17 18.3263 10.6224 16.2596 10.6224C16.0089 10.6224 15.7893 10.4295 15.7893 10.1787V7.2354C15.7893 6.97084 15.995 6.75 16.2596 6.75Z"
fill="#579FFF"
/>
<path
d="M15.319 24.75C11.4232 24.75 8.26504 21.716 8.26504 17.9733V12.4146C8.26504 12.2766 8.15311 12.1646 8.01504 12.1646L6.73173 12.1646C5.89146 12.1646 5.4729 11.1169 6.07011 10.5085L9.48448 7.03003C9.85098 6.65666 10.4412 6.65666 10.8077 7.03003L14.2221 10.5085C14.8193 11.1169 14.4007 12.1646 13.5605 12.1646H12.2772C12.1391 12.1646 12.0272 12.2766 12.0272 12.4146V17.9733C12.0272 19.33 13.2523 20.8776 15.319 20.8776C15.5697 20.8776 15.7893 21.0705 15.7893 21.3213V24.2646C15.7893 24.5292 15.5836 24.75 15.319 24.75Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_890)">
<path
d="M16.2596 6.75C20.1554 6.75 23.3136 9.78405 23.3136 13.5267V19.0854C23.3136 19.2234 23.4255 19.3354 23.5636 19.3354L24.8469 19.3354C25.6872 19.3354 26.1057 20.3831 25.5085 20.9915L22.0941 24.47C21.7276 24.8433 21.1374 24.8433 20.7709 24.47L17.3565 20.9915C16.7593 20.3831 17.1779 19.3354 18.0181 19.3354H19.3014C19.4395 19.3354 19.5514 19.2234 19.5514 19.0854V13.5267C19.5514 12.17 18.3263 10.6224 16.2596 10.6224C16.0089 10.6224 15.7893 10.4295 15.7893 10.1787V7.2354C15.7893 6.97084 15.995 6.75 16.2596 6.75Z"
fill="#FCF2FF"
/>
<path
d="M15.319 24.75C11.4232 24.75 8.26504 21.716 8.26504 17.9733V12.4146C8.26504 12.2766 8.15311 12.1646 8.01504 12.1646L6.73173 12.1646C5.89146 12.1646 5.4729 11.1169 6.07011 10.5085L9.48448 7.03003C9.85098 6.65666 10.4412 6.65666 10.8077 7.03003L14.2221 10.5085C14.8193 11.1169 14.4007 12.1646 13.5605 12.1646H12.2772C12.1391 12.1646 12.0272 12.2766 12.0272 12.4146V17.9733C12.0272 19.33 13.2523 20.8776 15.319 20.8776C15.5697 20.8776 15.7893 21.0705 15.7893 21.3213V24.2646C15.7893 24.5292 15.5836 24.75 15.319 24.75Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_890"
x={1.85535}
y={0.8125}
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_890"
/>
<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_890"
result="effect2_innerShadow_18590_890"
/>
</filter>
<filter
id="filter1_f_18590_890"
x={25.2928}
y={1.5625}
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_890"
/>
</filter>
<filter
id="filter2_f_18590_890"
x={2.56921}
y={0.875}
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_890"
/>
</filter>
<filter
id="filter3_f_18590_890"
x={4.78931}
y={5.75}
width={22}
height={20}
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_890"
/>
</filter>
<filter
id="filter4_ii_18590_890"
x={5.18931}
y={6.35}
width={21}
height={19}
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_890"
/>
<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_890"
result="effect2_innerShadow_18590_890"
/>
</filter>
<linearGradient
id="paint0_linear_18590_890"
x1={15.7928}
y1={5.38701}
x2={15.7928}
y2={38.6397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_890"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5116 3.90625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_890"
x1={28.5428}
y1={4.3125}
x2={28.5428}
y2={27.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_890"
x1={28.2567}
y1={3.87502}
x2={2.72546}
y2={3.87502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = ClockwiseVerticalArrowsIcon;