@pinuts/bsr-uikit-relaunch/dist/assets/Icons/Functional/AlertTriangle.jsx

BSR UI-KIT Relaunch

import React from 'react';
import PropTypes from 'prop-types';
import Icon40PropValues from '../_defaultIconPropValues.ts';

const AlertTriangle = (props) => {
    const { width = Icon40PropValues.width, height = Icon40PropValues.height, ...restProps } = props;
    delete restProps.stroke;
    delete restProps.fill;

    return (
        <svg
            width={width}
            height={height}
            {...restProps}
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                d="M2.73 21.5C2.425 21.495 2.14 21.415 1.89 21.27C1.495 21.04 1.215 20.675 1.095 20.235C0.974997 19.795 1.04 19.335 1.265 18.94L10.54 3.32C10.54 3.32 10.54 3.31 10.545 3.31C10.685 3.09 10.875 2.895 11.095 2.76C11.485 2.52 11.94 2.445 12.385 2.55C12.83 2.655 13.205 2.925 13.445 3.31L22.72 18.935C22.87 19.195 22.95 19.48 22.955 19.77C22.96 20.225 22.79 20.66 22.475 20.985C22.16 21.31 21.73 21.495 21.275 21.505H2.73V21.5Z"
                fill="#E42C1B"
            />
            <circle cx="12" cy="18.6667" r="1.33333" fill="white" />
            <path d="M12 8L12 14.6667" stroke="white" strokeWidth="2" strokeLinecap="round" />
        </svg>
    );
};

AlertTriangle.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    fill: PropTypes.string,
    stroke: PropTypes.string,
};
export default AlertTriangle;