@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
209 lines (208 loc) • 7.74 kB
JSX
const React = require("react");
const TopArrowIcon = ({ 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_iiii_18590_958)">
<path
d="M7.54511 10.1906L15.1151 2.06027C15.4951 1.64985 16.1551 1.64985 16.5451 2.0505L24.1151 10.1808C24.6751 10.7769 24.2351 11.7443 23.4051 11.7443H19.7651C19.4151 11.7443 19.1251 12.0277 19.1251 12.3697V17.564C19.1251 18.209 18.5951 18.7269 17.9351 18.7269H13.7151C13.0651 18.7269 12.5251 18.209 12.5351 17.5738L12.5351 12.3795C12.5351 12.0375 12.2451 11.7541 11.8951 11.7541H8.25511C7.42511 11.7541 6.98511 10.7964 7.54511 10.1906Z"
fill="url(#paint0_linear_18590_958)"
/>
</g>
<g filter="url(#filter1_iii_18590_958)">
<path
d="M12.2701 20.5687H5.83008C5.28008 20.5687 4.83008 21.0187 4.83008 21.5687C4.83008 22.1187 5.28008 22.5687 5.83008 22.5687H8.05008V28.7387C8.05008 29.2887 8.50008 29.7387 9.05008 29.7387C9.60008 29.7387 10.0501 29.2887 10.0501 28.7387V22.5687H12.2701C12.8201 22.5687 13.2701 22.1187 13.2701 21.5687C13.2701 21.0087 12.8201 20.5687 12.2701 20.5687Z"
fill="#59555F"
/>
<path
d="M21.66 20.5787H24.43C25.94 20.5787 27.17 21.8087 27.17 23.3187C27.17 24.8287 25.94 26.0587 24.43 26.0587H22.66V28.7487C22.66 29.2987 22.21 29.7487 21.66 29.7487C21.11 29.7487 20.66 29.2987 20.66 28.7487V21.5787C20.66 21.0287 21.11 20.5787 21.66 20.5787ZM22.66 24.0587H24.43C24.84 24.0587 25.17 23.7287 25.17 23.3187C25.17 22.9087 24.84 22.5787 24.43 22.5787H22.66V24.0587Z"
fill="#59555F"
/>
<path
d="M13.27 26.6087C13.27 28.3387 14.68 29.7487 16.42 29.7487C18.15 29.7487 19.57 28.3387 19.57 26.6087V23.7287C19.57 21.9987 18.16 20.5887 16.42 20.5887C14.68 20.5887 13.27 21.9987 13.27 23.7287V26.6087ZM15.27 23.7287C15.27 23.0887 15.79 22.5787 16.42 22.5787C17.05 22.5787 17.57 23.0887 17.57 23.7287V26.6087C17.57 27.2487 17.05 27.7587 16.42 27.7587C15.79 27.7587 15.27 27.2387 15.27 26.6087V23.7287Z"
fill="#59555F"
/>
</g>
<defs>
<filter
id="filter0_iiii_18590_958"
x={6.79443}
y={0.751221}
width={18.5713}
height={18.9757}
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.5} dy={0.5} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.505882 0 0 0 0 0.47451 0 0 0 0 0.537255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_958"
/>
<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={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.152941 0 0 0 0 0.12549 0 0 0 0 0.188235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_958"
result="effect2_innerShadow_18590_958"
/>
<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={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.152941 0 0 0 0 0.12549 0 0 0 0 0.188235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_958"
result="effect3_innerShadow_18590_958"
/>
<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={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.239216 0 0 0 0 0.192157 0 0 0 0 0.290196 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_18590_958"
result="effect4_innerShadow_18590_958"
/>
</filter>
<filter
id="filter1_iii_18590_958"
x={4.63008}
y={19.9187}
width={23.19}
height={9.82999}
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 dy={-0.65} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.141176 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_958"
/>
<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.65} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.141176 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_958"
result="effect2_innerShadow_18590_958"
/>
<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.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.141176 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_958"
result="effect3_innerShadow_18590_958"
/>
</filter>
<linearGradient
id="paint0_linear_18590_958"
x1={15.8301}
y1={5.0279}
x2={15.8301}
y2={18.7269}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#61576D" />
<stop offset={1} stopColor="#4D4753" />
</linearGradient>
</defs>
</svg>
);
module.exports = TopArrowIcon;