<!-- source-hash: 34f073cc43b7d4d3bfcc7171b8930746 -->
A React SVG icon component that renders an external link indicator arrow, commonly used to denote links that open in a new tab or navigate away from the current site.

## Key Components

**CustomExternalLinkIcon** - Main functional component that renders a customizable external link SVG icon
- **Props Interface**: `CustomExternalLinkIconProps` defining optional styling and dimension properties
- **SVG Paths**: Two path elements creating the external link arrow design

## Usage Example

```typescript
import { CustomExternalLinkIcon } from './custom-external-link-icon';

// Basic usage with defaults
<CustomExternalLinkIcon />

// Customized appearance
<CustomExternalLinkIcon 
  className="external-link-icon"
  fill="#007acc"
  width={24}
  height={24}
/>

// In a link component
<a href="https://example.com" target="_blank">
  Visit External Site
  <CustomExternalLinkIcon className="ml-1" width={16} height={16} />
</a>
```

The component accepts standard SVG props through spread operator and provides sensible defaults: 21x22px dimensions and gray fill color. The icon features a document with an arrow pointing outward, following common UI conventions for external links.