All files / src/assets/builderIcons DividerIcon.tsx

50% Statements 1/2
0% Branches 0/4
0% Functions 0/1
50% Lines 1/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 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53                176x                                                                                        
interface IconProps {
  height?: number;
  width?: number;
  fill?: string;
  stroke?: string;
  background?: string;
}
 
const DividerIcon = ({
  width = 33,
  height = 32,
  background = "#F4F3F7",
  fill = "#727179",
}: IconProps) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 33 32"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect x="0.75" width="32" height="32" rx="4" fill={background} />
      <rect
        opacity="0.75"
        x="4.81116"
        y="5.49249"
        width="23.8776"
        height="8.42643"
        rx="1"
        fill={fill}
      />
      <rect
        opacity="0.75"
        x="4.81116"
        y="18.0814"
        width="23.8776"
        height="8.42643"
        rx="1"
        fill={fill}
      />
      <path
        d="M8.08594 16H24.2643"
        stroke={fill}
        strokeWidth="2"
        strokeLinecap="round"
      />
    </svg>
  );
};
 
export default DividerIcon;