All files / packages/ui/src/icons Menu.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
 
 
 
 
 
 
3x
 
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
import Svg, { Path } from "react-native-svg";
 
import { IconProps } from "@repo/types/icons";
 
import { colors } from "../themes";
 
export const MenuIcon = ({
  width = 22,
  height = 24,
  isActive = false,
  color = colors.icon.inactive,
}: IconProps) => {
  return (
    <Svg width={width} height={height} viewBox="0 0 15 12" fill="none">
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M4.75007 7.07143C4.75007 7.42647 4.45626 7.71429 4.09382 7.71429H1.323C0.960557 7.71429 0.666748 7.42647 0.666748 7.07143V4.92857C0.666748 4.57353 0.960557 4.28571 1.323 4.28571H4.09382C4.45626 4.28571 4.75007 4.57353 4.75007 4.92857V7.07143ZM0.666748 11.3571C0.666748 11.7122 0.960557 12 1.323 12H4.09382C4.45626 12 4.75007 11.7122 4.75007 11.3571V9.21429C4.75007 8.85924 4.45626 8.57143 4.09382 8.57143H1.323C0.960557 8.57143 0.666748 8.85924 0.666748 9.21429V11.3571ZM1.323 0C0.960557 0 0.666748 0.287813 0.666748 0.642857V2.78571C0.666748 3.14076 0.960557 3.42857 1.323 3.42857H4.09382C4.45626 3.42857 4.75007 3.14076 4.75007 2.78571V0.642857C4.75007 0.287813 4.45626 0 4.09382 0H1.323ZM14.0105 12C14.3729 12 14.6667 11.7122 14.6667 11.3571V9.21429C14.6667 8.85924 14.3729 8.57143 14.0105 8.57143H6.28132C5.91888 8.57143 5.62507 8.85924 5.62507 9.21429V11.3571C5.62507 11.7122 5.91888 12 6.28132 12H14.0105ZM5.62507 2.78571C5.62507 3.14076 5.91888 3.42857 6.28132 3.42857H14.0105C14.3729 3.42857 14.6667 3.14076 14.6667 2.78571V0.642857C14.6667 0.287813 14.3729 0 14.0105 0H6.28132C5.91888 0 5.62507 0.287813 5.62507 0.642857V2.78571ZM14.0105 7.71429C14.3729 7.71429 14.6667 7.42647 14.6667 7.07143V4.92857C14.6667 4.57353 14.3729 4.28571 14.0105 4.28571H6.28132C5.91888 4.28571 5.62507 4.57353 5.62507 4.92857V7.07143C5.62507 7.42647 5.91888 7.71429 6.28132 7.71429H14.0105Z"
        fill={isActive ? colors.icon.active : color}
      />
    </Svg>
  );
};