Utility function that maps icon name strings to React JSX elements, supporting both Lucide icons and custom platform logos. ## Key Components ### `renderSvgIcon(name, props)` *(deprecated)* - **Parameters:** `name: string` — icon identifier; `props` — optional SVG props spread onto the element - **Returns:** `React.ReactElement` - **Fallback:** Renders `` for unrecognised names - **Deprecated:** Use icons from `icons-v2-generated` instead ### Supported Icon Names | Name | Source | |------|--------| | `megaphone`, `bell`, `info`, `star`, `rocket`, `package`, `globe` | Lucide React | | `openframe-logo` | `OpenFrameLogo` | | `openmsp-logo` | `OpenmspLogo` | | `flamingo`, `flamingo-logo` | `FlamingoLogo` | | `tmcg-logo` | `MiamiCyberGangLogoFaceOnly` | | `universal` | `Globe` (Lucide alias) | ## Usage Example ```typescript import { renderSvgIcon } from './icon-utils'; // Render a Lucide icon const bellIcon = renderSvgIcon('bell', { width: 20, height: 20 }); // Render a platform logo const flamingoIcon = renderSvgIcon('flamingo-logo', { className: 'text-yellow-400' }); // Unknown name falls back to Megaphone const fallback = renderSvgIcon('unknown-icon'); ``` > **⚠️ Deprecated:** This function is superseded by `icons-v2-generated`. Avoid using `renderSvgIcon` in new code and migrate existing usages to the updated icon registry.