All files / src/assets/icons/AdvancedBuilder/ButtonAlignment ButtonAlignCenterIcon.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 ButtonAlignCenterIcon = ({
  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="M26.5 17.5H17.5V15.5H23.5C24.0304 15.5 24.5391 15.2893 24.9142 14.9142C25.2893 14.5391 25.5 14.0304 25.5 13.5V8.5C25.5 7.96957 25.2893 7.46086 24.9142 7.08579C24.5391 6.71071 24.0304 6.5 23.5 6.5H17.5V4.5C17.5 4.23478 17.3946 3.98043 17.2071 3.79289C17.0196 3.60536 16.7652 3.5 16.5 3.5C16.2348 3.5 15.9804 3.60536 15.7929 3.79289C15.6054 3.98043 15.5 4.23478 15.5 4.5V6.5H9.5C8.96957 6.5 8.46086 6.71071 8.08579 7.08579C7.71071 7.46086 7.5 7.96957 7.5 8.5V13.5C7.5 14.0304 7.71071 14.5391 8.08579 14.9142C8.46086 15.2893 8.96957 15.5 9.5 15.5H15.5V17.5H6.5C5.96957 17.5 5.46086 17.7107 5.08579 18.0858C4.71071 18.4609 4.5 18.9696 4.5 19.5V24.5C4.5 25.0304 4.71071 25.5391 5.08579 25.9142C5.46086 26.2893 5.96957 26.5 6.5 26.5H15.5V28.5C15.5 28.7652 15.6054 29.0196 15.7929 29.2071C15.9804 29.3946 16.2348 29.5 16.5 29.5C16.7652 29.5 17.0196 29.3946 17.2071 29.2071C17.3946 29.0196 17.5 28.7652 17.5 28.5V26.5H26.5C27.0304 26.5 27.5391 26.2893 27.9142 25.9142C28.2893 25.5391 28.5 25.0304 28.5 24.5V19.5C28.5 18.9696 28.2893 18.4609 27.9142 18.0858C27.5391 17.7107 27.0304 17.5 26.5 17.5ZM9.5 8.5H23.5V13.5H9.5V8.5ZM26.5 24.5H6.5V19.5H26.5V24.5Z"
        fill={fill}
      />
    </svg>
  );
};
 
export default ButtonAlignCenterIcon;