All files / packages/ui/src/icons ArrowRightLine.tsx

100% Statements 2/2
100% Branches 3/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        1x 2x                          
import Svg, { Path } from "react-native-svg";
 
import { IconProps } from "@repo/types/icons";
 
export const ArrowRightLineIcon = ({ width = 24, height = 24, color = "#404653" }: IconProps) => (
  <Svg width={width} height={height} viewBox="0 0 24 24" fill="none">
    <Path
      d="M14.4301 18.82C14.6201 18.82 14.8101 18.75 14.9601 18.6L21.0301 12.53C21.3201 12.24 21.3201 11.76 21.0301 11.47L14.9601 5.4C14.6701 5.11 14.1901 5.11 13.9001 5.4C13.6101 5.69 13.6101 6.17 13.9001 6.46L19.4401 12L13.9001 17.54C13.6101 17.83 13.6101 18.31 13.9001 18.6C14.0401 18.75 14.2401 18.82 14.4301 18.82Z"
      fill={color}
      stroke={color}
    />
    <Path
      d="M3.50008 12.75H20.3301C20.7401 12.75 21.0801 12.41 21.0801 12C21.0801 11.59 20.7401 11.25 20.3301 11.25H3.50008C3.09008 11.25 2.75008 11.59 2.75008 12C2.75008 12.41 3.09008 12.75 3.50008 12.75Z"
      fill={color}
      stroke={color}
    />
  </Svg>
);