@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 8.53 kB
JSX
const React = require("react");
const FastDownButtonIcon = ({ 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_1503)">
<rect
x={2.50034}
y={2.4375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1503)"
/>
<rect
x={2.50034}
y={2.4375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1503)"
/>
</g>
<g filter="url(#filter1_f_18590_1503)">
<path
d="M28.6878 4.9375V27.8125"
stroke="url(#paint2_linear_18590_1503)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1503)">
<path
d="M5.9642 4.25H27.7455"
stroke="url(#paint3_linear_18590_1503)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1503)">
<path
d="M15.237 16.0961C15.3252 16.0961 15.3702 15.9903 15.3091 15.9268L9.40349 9.78948C8.79217 9.15417 9.2424 8.0961 10.1241 8.0961H22.7445C23.6262 8.0961 24.0764 9.15417 23.4651 9.78948L17.5595 15.9268C17.4984 15.9903 17.5434 16.0961 17.6315 16.0961H22.7445C23.6262 16.0961 24.0764 17.1542 23.4651 17.7895L17.1549 24.3473C16.7615 24.7561 16.1071 24.7561 15.7137 24.3473L9.40349 17.7895C8.79217 17.1542 9.2424 16.0961 10.1241 16.0961H15.237Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_1503)">
<path
d="M15.237 16.0961C15.3252 16.0961 15.3702 15.9903 15.3091 15.9268L9.40349 9.78948C8.79217 9.15417 9.2424 8.0961 10.1241 8.0961H22.7445C23.6262 8.0961 24.0764 9.15417 23.4651 9.78948L17.5595 15.9268C17.4984 15.9903 17.5434 16.0961 17.6315 16.0961H22.7445C23.6262 16.0961 24.0764 17.1542 23.4651 17.7895L17.1549 24.3473C16.7615 24.7561 16.1071 24.7561 15.7137 24.3473L9.40349 17.7895C8.79217 17.1542 9.2424 16.0961 10.1241 16.0961H15.237Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1503"
x={2.50034}
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_1503"
/>
<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_1503"
result="effect2_innerShadow_18590_1503"
/>
</filter>
<filter
id="filter1_f_18590_1503"
x={25.9378}
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_1503"
/>
</filter>
<filter
id="filter2_f_18590_1503"
x={3.2142}
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_1503"
/>
</filter>
<filter
id="filter3_f_18590_1503"
x={8.12207}
y={7.0961}
width={16.6245}
height={18.5578}
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_1503"
/>
</filter>
<filter
id="filter4_ii_18590_1503"
x={8.12207}
y={7.6961}
width={16.0245}
height={17.9578}
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} />
<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_1503"
/>
<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_1503"
result="effect2_innerShadow_18590_1503"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1503"
x1={16.4378}
y1={6.01201}
x2={16.4378}
y2={39.2647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1503"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1566 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_1503"
x1={29.1878}
y1={4.9375}
x2={29.1878}
y2={27.8125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1503"
x1={28.9017}
y1={4.50002}
x2={3.37045}
y2={4.50002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = FastDownButtonIcon;