# Icons

Use only the project `Iconify` wrapper:

```tsx
import { Iconify } from 'src/components/iconify';

<Iconify icon="solar:pen-bold" width={20} />
```

Icons are registered for offline use in `src/components/iconify/register-icons.ts`. If TypeScript rejects a valid icon name, add the icon data and name there rather than importing an icon package directly in a feature.

Navigation SVG assets live under `public/assets/icons/navbar` and are rendered through `SvgColor`.