Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | 27x 1746x | import React from "react";
type Props = {
height?: string | number;
width?: string | number;
color?: string;
};
const WarningIcon = ({ width = 18, height = 18, color = "#FF8124" }: Props) => {
return (
<svg
data-testid="warning-icon"
width={width}
height={height}
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
opacity="0.2"
d="M15.15 15.1877H2.85091C1.96356 15.1877 1.40669 14.2588 1.8377 13.5065L7.98723 2.82812C8.4302 2.05469 9.57067 2.05469 10.0136 2.82812L16.1632 13.5065C16.5942 14.2588 16.0373 15.1877 15.15 15.1877Z"
fill={color}
/>
<path
d="M16.6498 13.2251L10.5009 2.54677C10.3473 2.28515 10.1279 2.06823 9.86463 1.91751C9.60131 1.76679 9.30318 1.6875 8.99978 1.6875C8.69638 1.6875 8.39824 1.76679 8.13493 1.91751C7.87161 2.06823 7.65226 2.28515 7.49861 2.54677L1.34978 13.2251C1.20194 13.4782 1.12402 13.766 1.12402 14.059C1.12402 14.3521 1.20194 14.6399 1.34978 14.8929C1.50146 15.1561 1.72044 15.3742 1.98425 15.5249C2.24806 15.6755 2.54719 15.7532 2.85095 15.75H15.1486C15.4521 15.753 15.751 15.6751 16.0145 15.5245C16.278 15.3739 16.4968 15.1559 16.6484 14.8929C16.7964 14.64 16.8746 14.3523 16.8748 14.0592C16.8751 13.7662 16.7974 13.4783 16.6498 13.2251ZM15.6745 14.3297C15.6209 14.4212 15.544 14.4967 15.4516 14.5486C15.3591 14.6005 15.2546 14.6269 15.1486 14.625H2.85095C2.74497 14.6269 2.64041 14.6005 2.54799 14.5486C2.45557 14.4967 2.37862 14.4212 2.32501 14.3297C2.27646 14.2475 2.25084 14.1538 2.25084 14.0583C2.25084 13.9629 2.27646 13.8691 2.32501 13.7869L8.47384 3.10856C8.52853 3.01756 8.60583 2.94226 8.69824 2.88998C8.79065 2.8377 8.89501 2.81022 9.00118 2.81022C9.10736 2.81022 9.21172 2.8377 9.30413 2.88998C9.39653 2.94226 9.47384 3.01756 9.52853 3.10856L15.6774 13.7869C15.7255 13.8694 15.7506 13.9632 15.7501 14.0587C15.7496 14.1542 15.7235 14.2478 15.6745 14.3297ZM8.43728 10.125V7.31255C8.43728 7.16336 8.49654 7.02029 8.60203 6.9148C8.70752 6.80931 8.85059 6.75005 8.99978 6.75005C9.14896 6.75005 9.29204 6.80931 9.39753 6.9148C9.50301 7.02029 9.56228 7.16336 9.56228 7.31255V10.125C9.56228 10.2742 9.50301 10.4173 9.39753 10.5228C9.29204 10.6283 9.14896 10.6875 8.99978 10.6875C8.85059 10.6875 8.70752 10.6283 8.60203 10.5228C8.49654 10.4173 8.43728 10.2742 8.43728 10.125ZM9.84353 12.6563C9.84353 12.8232 9.79404 12.9863 9.70133 13.1251C9.60862 13.2638 9.47684 13.372 9.32267 13.4358C9.16849 13.4997 8.99884 13.5164 8.83517 13.4838C8.6715 13.4513 8.52116 13.3709 8.40316 13.2529C8.28516 13.1349 8.2048 12.9846 8.17224 12.8209C8.13968 12.6572 8.15639 12.4876 8.22025 12.3334C8.28412 12.1792 8.39226 12.0475 8.53102 11.9547C8.66977 11.862 8.8329 11.8125 8.99978 11.8125C9.22355 11.8125 9.43816 11.9014 9.5964 12.0597C9.75463 12.2179 9.84353 12.4325 9.84353 12.6563Z"
fill={color}
/>
</svg>
);
};
export default WarningIcon;
|