Convert an image URL to a Data URL with this one simple trick ...

convert-to-data-url.ts

function createDataUrl(icon: string): Promise<string> {
  const result = new Promise<string>((resolve, _reject) => {
    let image = new Image();
    image.addEventListener('load', () => {
      let canvas = document.createElement('canvas');
      canvas.width = image.naturalWidth;
      canvas.height = image.naturalHeight;
      canvas.getContext('2d').drawImage(image, 0, 0);
      resolve (canvas.toDataURL('image/png'));
    });
    setTimeout(() => {resolve(icon)}, 2000);
    image.src = icon;
  });

  return result;
}