UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

106 lines (105 loc) 3.32 kB
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;