All files / src/assets/icons/AdvancedBuilder/ButtonAlignment ButtonAlignLeftIcon.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { SvgIconProps } from "@mui/material";
 
const ButtonAlignLeftIcon = ({
  height = 33,
  width = 33,
  fill = "#FFFFFD",
  rotate = 0,
}: SvgIconProps) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 33 33"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      style={{ transform: `rotate(${rotate}deg)` }}
    >
      <path
        d="M6.5 5.5V27.5C6.5 27.7652 6.39464 28.0196 6.20711 28.2071C6.01957 28.3946 5.76522 28.5 5.5 28.5C5.23478 28.5 4.98043 28.3946 4.79289 28.2071C4.60536 28.0196 4.5 27.7652 4.5 27.5V5.5C4.5 5.23478 4.60536 4.98043 4.79289 4.79289C4.98043 4.60536 5.23478 4.5 5.5 4.5C5.76522 4.5 6.01957 4.60536 6.20711 4.79289C6.39464 4.98043 6.5 5.23478 6.5 5.5ZM8.5 13.5V8.5C8.5 7.96957 8.71071 7.46086 9.08579 7.08579C9.46086 6.71071 9.96957 6.5 10.5 6.5H22.5C23.0304 6.5 23.5391 6.71071 23.9142 7.08579C24.2893 7.46086 24.5 7.96957 24.5 8.5V13.5C24.5 14.0304 24.2893 14.5391 23.9142 14.9142C23.5391 15.2893 23.0304 15.5 22.5 15.5H10.5C9.96957 15.5 9.46086 15.2893 9.08579 14.9142C8.71071 14.5391 8.5 14.0304 8.5 13.5ZM10.5 13.5H22.5V8.5H10.5V13.5ZM29.5 19.5V24.5C29.5 25.0304 29.2893 25.5391 28.9142 25.9142C28.5391 26.2893 28.0304 26.5 27.5 26.5H10.5C9.96957 26.5 9.46086 26.2893 9.08579 25.9142C8.71071 25.5391 8.5 25.0304 8.5 24.5V19.5C8.5 18.9696 8.71071 18.4609 9.08579 18.0858C9.46086 17.7107 9.96957 17.5 10.5 17.5H27.5C28.0304 17.5 28.5391 17.7107 28.9142 18.0858C29.2893 18.4609 29.5 18.9696 29.5 19.5ZM27.5 24.5V19.5H10.5V24.5H27.5Z"
        fill={fill}
      />
    </svg>
  );
};
 
export default ButtonAlignLeftIcon;