A React SVG icon component that renders an edit/pencil icon with a document background, commonly used for profile editing functionality. ## Key Components - **EditProfileIcon**: Main functional component that renders the edit profile SVG icon - **EditProfileIconProps**: TypeScript interface extending standard SVG props with optional className - **SVG Paths**: Two path elements creating the document outline and pencil/edit symbol ## Usage Example ```typescript import { EditProfileIcon } from './edit-profile-icon'; // Basic usage // With custom styling // With click handler handleEditProfile()} /> // As a button icon Edit Profile ``` The component uses a 24x24 viewBox with white (#FAFAFA) fill color and accepts all standard SVG properties through prop spreading, making it highly customizable for different UI contexts.