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 | 519x | type IconProps = {
height?: number;
width?: number;
color?: string;
};
const ExpandIcon = ({
width = 24,
height = 24,
color = "#8F8F8F",
}: IconProps) => {
return (
<svg
width={width}
height={height}
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<mask id="path-1-inside-1_145_14790" fill="white">
<path d="M4 10.6667C4 8.78105 4 7.83824 4.58579 7.25245C5.17157 6.66667 6.11438 6.66667 8 6.66667H24C25.8856 6.66667 26.8284 6.66667 27.4142 7.25245C28 7.83824 28 8.78105 28 10.6667V21.3333C28 23.219 28 24.1618 27.4142 24.7475C26.8284 25.3333 25.8856 25.3333 24 25.3333H8C6.11438 25.3333 5.17157 25.3333 4.58579 24.7475C4 24.1618 4 23.219 4 21.3333V10.6667Z" />
</mask>
<path
id="expand-icon-path"
d="M8 10.6667V9.76667H7.1V10.6667H8ZM12.6969 16.6364C13.0484 16.9879 13.6183 16.9879 13.9697 16.6364C14.3212 16.2849 14.3212 15.7151 13.9697 15.3636L12.6969 16.6364ZM24 21.3333V22.2333H24.9V21.3333H24ZM19.3031 15.3636C18.9516 15.0121 18.3817 15.0121 18.0303 15.3636C17.6788 15.7151 17.6788 16.2849 18.0303 16.6364L19.3031 15.3636ZM8.9 16V10.6667H7.1V16H8.9ZM8 11.5667H13.3333V9.76667H8V11.5667ZM7.3636 11.3031L12.6969 16.6364L13.9697 15.3636L8.6364 10.0303L7.3636 11.3031ZM23.1 16V21.3333H24.9V16H23.1ZM24 20.4333H18.6667V22.2333H24V20.4333ZM24.6364 20.6969L19.3031 15.3636L18.0303 16.6364L23.3636 21.9697L24.6364 20.6969ZM8 8.46667H24V4.86667H8V8.46667ZM26.2 10.6667V21.3333H29.8V10.6667H26.2ZM24 23.5333H8V27.1333H24V23.5333ZM5.8 21.3333V10.6667H2.2V21.3333H5.8ZM8 23.5333C7.00631 23.5333 6.44211 23.5295 6.0453 23.4762C5.70027 23.4298 5.76129 23.3775 5.85858 23.4748L3.31299 26.0203C3.99607 26.7034 4.82138 26.944 5.56561 27.0441C6.25806 27.1372 7.10808 27.1333 8 27.1333V23.5333ZM2.2 21.3333C2.2 22.2253 2.19618 23.0753 2.28927 23.7677C2.38933 24.512 2.62992 25.3373 3.31299 26.0203L5.85858 23.4748C5.95587 23.572 5.90356 23.6331 5.85717 23.288C5.80382 22.8912 5.8 22.327 5.8 21.3333H2.2ZM26.2 21.3333C26.2 22.327 26.1962 22.8912 26.1428 23.288C26.0964 23.6331 26.0441 23.572 26.1414 23.4748L28.687 26.0203C29.3701 25.3373 29.6107 24.512 29.7107 23.7677C29.8038 23.0753 29.8 22.2253 29.8 21.3333H26.2ZM24 27.1333C24.8919 27.1333 25.7419 27.1372 26.4344 27.0441C27.1786 26.944 28.0039 26.7034 28.687 26.0203L26.1414 23.4748C26.2387 23.3775 26.2997 23.4298 25.9547 23.4762C25.5579 23.5295 24.9937 23.5333 24 23.5333V27.1333ZM24 8.46667C24.9937 8.46667 25.5579 8.47049 25.9547 8.52384C26.2997 8.57023 26.2387 8.62254 26.1414 8.52525L28.687 5.97966C28.0039 5.29659 27.1786 5.056 26.4344 4.95594C25.7419 4.86285 24.8919 4.86667 24 4.86667V8.46667ZM29.8 10.6667C29.8 9.77474 29.8038 8.92472 29.7107 8.23228C29.6107 7.48805 29.3701 6.66274 28.687 5.97966L26.1414 8.52525C26.0441 8.42796 26.0964 8.36694 26.1428 8.71197C26.1962 9.10878 26.2 9.67297 26.2 10.6667H29.8ZM8 4.86667C7.10808 4.86667 6.25806 4.86285 5.56561 4.95594C4.82138 5.056 3.99607 5.29658 3.31299 5.97966L5.85858 8.52525C5.76129 8.62254 5.70027 8.57023 6.0453 8.52384C6.44211 8.47049 7.00631 8.46667 8 8.46667V4.86667ZM5.8 10.6667C5.8 9.67297 5.80382 9.10878 5.85717 8.71197C5.90356 8.36694 5.95587 8.42796 5.85858 8.52525L3.31299 5.97966C2.62992 6.66274 2.38933 7.48805 2.28927 8.23228C2.19618 8.92473 2.2 9.77474 2.2 10.6667H5.8Z"
fill={color}
mask="url(#path-1-inside-1_145_14790)"
/>
</svg>
);
};
export default ExpandIcon;
|