All files / src/assets/icons/RebrandedIcons ArrowDownIconV2.tsx

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
 
 
137x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { SvgIconProps } from "@mui/material";
 
const ArrowDownIconV2 = ({
  width = 20,
  height = 20,
  fill = "#292928",
  opacity = 1,
}: SvgIconProps) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M16.0675 11.6922L10.4425 17.3172C10.3845 17.3753 10.3156 17.4214 10.2397 17.4529C10.1638 17.4843 10.0825 17.5005 10.0003 17.5005C9.91821 17.5005 9.83688 17.4843 9.76101 17.4529C9.68514 17.4214 9.61621 17.3753 9.55816 17.3172L3.93316 11.6922C3.81588 11.5749 3.75 11.4159 3.75 11.25C3.75 11.0841 3.81588 10.9251 3.93316 10.8078C4.05044 10.6905 4.2095 10.6247 4.37535 10.6247C4.5412 10.6247 4.70026 10.6905 4.81753 10.8078L9.37535 15.3664V3.125C9.37535 2.95924 9.4412 2.80027 9.55841 2.68306C9.67562 2.56585 9.83459 2.5 10.0003 2.5C10.1661 2.5 10.3251 2.56585 10.4423 2.68306C10.5595 2.80027 10.6253 2.95924 10.6253 3.125V15.3664L15.1832 10.8078C15.3004 10.6905 15.4595 10.6247 15.6253 10.6247C15.7912 10.6247 15.9503 10.6905 16.0675 10.8078C16.1848 10.9251 16.2507 11.0841 16.2507 11.25C16.2507 11.4159 16.1848 11.5749 16.0675 11.6922Z"
        fill={fill}
        opacity={opacity}
      />
    </svg>
  );
};
 
export default ArrowDownIconV2;