@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
106 lines (105 loc) • 3.32 kB
JSX
const React = require("react");
const RedTrianglePointedDownIcon = ({ 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_iii_18590_3123)">
<path
d="M15.1735 21.2735L9.56348 11.4679C9.08671 10.6346 9.68839 9.5972 10.6485 9.5972H22.0243C22.991 9.5972 23.5919 10.6475 23.1019 11.4808L17.336 21.2864C16.8494 22.1139 15.6502 22.1068 15.1735 21.2735Z"
fill="url(#paint0_linear_18590_3123)"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_3123"
x={8.39661}
y={8.59717}
width={15.8796}
height={13.8056}
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={0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.964706 0 0 0 0 0.384314 0 0 0 0 0.54902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_3123"
/>
<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.768627 0 0 0 0 0.129412 0 0 0 0 0.560784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_3123"
result="effect2_innerShadow_18590_3123"
/>
<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={0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.815686 0 0 0 0 0.247059 0 0 0 0 0.376471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_3123"
result="effect3_innerShadow_18590_3123"
/>
</filter>
<linearGradient
id="paint0_linear_18590_3123"
x1={14.3794}
y1={9.59717}
x2={14.3794}
y2={20.7254}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DD3859" />
<stop offset={1} stopColor="#D63983" />
</linearGradient>
</defs>
</svg>
);
module.exports = RedTrianglePointedDownIcon;