@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 8.55 kB
JSX
const React = require("react");
const FastUpButtonIcon = ({ 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_1475)">
<rect
x={2.50034}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1475)"
/>
<rect
x={2.50034}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1475)"
/>
</g>
<g filter="url(#filter1_f_18590_1475)">
<path
d="M28.6878 4.1875V27.0625"
stroke="url(#paint2_linear_18590_1475)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1475)">
<path
d="M5.9642 3.5H27.7455"
stroke="url(#paint3_linear_18590_1475)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1475)">
<path
d="M17.1549 7.65269C16.7615 7.24386 16.1071 7.24386 15.7137 7.65269L9.40349 14.2105C8.79217 14.8458 9.2424 15.9038 10.1241 15.9038H15.237C15.3252 15.9038 15.3702 16.0097 15.3091 16.0732L9.40349 22.2105C8.79217 22.8458 9.2424 23.9038 10.1241 23.9038L22.7445 23.9038C23.6262 23.9038 24.0764 22.8458 23.4651 22.2105L17.5595 16.0732C17.4984 16.0097 17.5434 15.9038 17.6315 15.9038H22.7445C23.6262 15.9038 24.0764 14.8458 23.4651 14.2105L17.1549 7.65269Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_1475)">
<path
d="M17.1549 7.65269C16.7615 7.24386 16.1071 7.24386 15.7137 7.65269L9.40349 14.2105C8.79217 14.8458 9.2424 15.9038 10.1241 15.9038H15.237C15.3252 15.9038 15.3702 16.0097 15.3091 16.0732L9.40349 22.2105C8.79217 22.8458 9.2424 23.9038 10.1241 23.9038L22.7445 23.9038C23.6262 23.9038 24.0764 22.8458 23.4651 22.2105L17.5595 16.0732C17.4984 16.0097 17.5434 15.9038 17.6315 15.9038H22.7445C23.6262 15.9038 24.0764 14.8458 23.4651 14.2105L17.1549 7.65269Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1475"
x={2.50034}
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_1475"
/>
<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_1475"
result="effect2_innerShadow_18590_1475"
/>
</filter>
<filter
id="filter1_f_18590_1475"
x={25.9378}
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_1475"
/>
</filter>
<filter
id="filter2_f_18590_1475"
x={3.2142}
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_1475"
/>
</filter>
<filter
id="filter3_f_18590_1475"
x={8.12207}
y={6.34607}
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_1475"
/>
</filter>
<filter
id="filter4_ii_18590_1475"
x={8.12207}
y={6.94607}
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_1475"
/>
<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_1475"
result="effect2_innerShadow_18590_1475"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1475"
x1={16.4378}
y1={5.26201}
x2={16.4378}
y2={38.5147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1475"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1566 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_1475"
x1={29.1878}
y1={4.1875}
x2={29.1878}
y2={27.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1475"
x1={28.9017}
y1={3.75002}
x2={3.37045}
y2={3.75002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = FastUpButtonIcon;