icons ArrowDownChevron.tsx

100% Statements 2/2

0% Branches 0/3

100% Functions 1/1

100% Lines 2/2

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
34
35
36
37  
 
 
 
 
 
 
 
 
519x
 
 
 
 
 
199x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
 
type ArrowDownChevronProps = {
  height?: number;
  width?: number;
  color?: string;
  className?: string;
};
 
const ArrowDownChevron = ({
  color = "#A9AFBD",
  width = 12,
  height = 7,
  className,
}: ArrowDownChevronProps) => {
  return (
    <svg
      className={className}
      width={width}
      height={height}
      viewBox="0 0 12 7"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M11 1.5L6.70711 5.79289C6.31658 6.18342 5.68342 6.18342 5.29289 5.79289L1 1.5"
        stroke={color}
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};
 
export default ArrowDownChevron;