@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 8.54 kB
JSX
const React = require("react");
const UpArrowIcon = ({ 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_694)">
<rect
x={2.0658}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_694)"
/>
<rect
x={2.0658}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_694)"
/>
</g>
<g filter="url(#filter1_f_18590_694)">
<path
d="M28.2533 4.5625V27.4375"
stroke="url(#paint2_linear_18590_694)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_694)">
<path
d="M5.52966 3.875H27.3109"
stroke="url(#paint3_linear_18590_694)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_694)">
<path
d="M15.3063 7.22327C15.6935 6.85071 16.3059 6.85071 16.6931 7.22327L22.0059 12.3355C22.6545 12.9597 22.2127 14.0561 21.3125 14.0561L18.2497 14.0561C18.1117 14.0561 17.9997 14.168 17.9997 14.3061L17.9997 24.0561C17.9997 24.6084 17.552 25.0561 16.9997 25.0561H14.9997C14.4474 25.0561 13.9997 24.6084 13.9997 24.0561L13.9997 14.3061C13.9997 14.168 13.8878 14.0561 13.7497 14.0561L10.6869 14.0561C9.78674 14.0561 9.3449 12.9597 9.99357 12.3355L15.3063 7.22327Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_694)">
<path
d="M15.3063 7.22327C15.6935 6.85071 16.3059 6.85071 16.6931 7.22327L22.0059 12.3355C22.6545 12.9597 22.2127 14.0561 21.3125 14.0561L18.2497 14.0561C18.1117 14.0561 17.9997 14.168 17.9997 14.3061L17.9997 24.0561C17.9997 24.6084 17.552 25.0561 16.9997 25.0561H14.9997C14.4474 25.0561 13.9997 24.6084 13.9997 24.0561L13.9997 14.3061C13.9997 14.168 13.8878 14.0561 13.7497 14.0561L10.6869 14.0561C9.78674 14.0561 9.3449 12.9597 9.99357 12.3355L15.3063 7.22327Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_694"
x={2.0658}
y={1.0625}
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_694"
/>
<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_694"
result="effect2_innerShadow_18590_694"
/>
</filter>
<filter
id="filter1_f_18590_694"
x={25.5033}
y={1.8125}
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_694"
/>
</filter>
<filter
id="filter2_f_18590_694"
x={2.77966}
y={1.125}
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_694"
/>
</filter>
<filter
id="filter3_f_18590_694"
x={8.68494}
y={5.94385}
width={14.6295}
height={20.1122}
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_694"
/>
</filter>
<filter
id="filter4_ii_18590_694"
x={9.08494}
y={6.54385}
width={13.6295}
height={19.1122}
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.901961 0 0 0 0 0.854902 0 0 0 0 0.980392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_694"
/>
<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.2} />
<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_694"
result="effect2_innerShadow_18590_694"
/>
</filter>
<linearGradient
id="paint0_linear_18590_694"
x1={16.0033}
y1={5.63701}
x2={16.0033}
y2={38.8897}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_694"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.722 4.15625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_694"
x1={28.7533}
y1={4.5625}
x2={28.7533}
y2={27.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_694"
x1={28.4672}
y1={4.12502}
x2={2.93591}
y2={4.12502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = UpArrowIcon;