SVG loading issue with Angular v19 SSR

[davidebilardello]

Hi there!

I’m using your library in my Angular v19 SSR project and encountered an issue with SVG loading. I noticed the documentation mentions SSR compatibility problems, and I attempted to implement a custom SvgLoadStrategySsr as follows:

@Injectable()
export class SvgLoadStrategySsr implements SvgLoadStrategy {
  load(url: Observable<string>): Observable<string> {
    return url
  }

  config(url: string): Observable<string> {
    const iconPath = join(process.cwd(), 'dist', 'menu-app', 'browser', url);
    const iconSVG = readFileSync(iconPath, 'utf8');
    return of(iconSVG);
  }
}

However, I’m facing an issue where one of my custom logos is not rendering correctly. Here’s what I’m seeing:

Expected Output:

If you need additional details, such as the SVG file or more context, please let me know.

Thanks for your amazing work on this library!

[0xka13b]

up! Gradient is svg is not rendered correctly