A React SVG icon component that renders a vendor directory icon with a package/box and magnifying glass design, commonly used for vendor or directory listing interfaces. ## Key Components - **VendorDirectoryIcon**: Main React functional component that renders an SVG icon - **VendorDirectoryIconProps**: TypeScript interface defining optional props for customization - `className`: Optional CSS class name for styling - `width`: Icon width in pixels (default: 20) - `height`: Icon height in pixels (default: 20) ## Usage Example ```typescript import { VendorDirectoryIcon } from './vendor-directory-icon'; // Basic usage with default size (20x20) // Custom size and styling // In a button or navigation element Vendor Directory ``` The icon uses `currentColor` for the fill, making it easy to style with CSS text color properties. The SVG maintains its aspect ratio and scales cleanly at different sizes.