@realfavicongenerator/generate-favicon/src/icon/web-app-manifest.ts

Generate a favicon

import { Svg } from "@svgdotjs/svg.js";
import { IconTransformationType, initTransformation } from "./helper";
import { EditedIcon } from ".";

export type WebAppManifestSettings = {
  name: string,
  shortName: string,
  backgroundColor: string,
  themeColor: string
} & EditedIcon;

export const initWebAppManifestSettings = (): WebAppManifestSettings => ({
  transformation: initTransformation(IconTransformationType.None, {
    imageScale: 0.7,
    backgroundColor: '#ffffff',
    backgroundRadius: 0
  }),
  name: 'MyWebSite',
  shortName: 'MySite',
  backgroundColor: '#ffffff',
  themeColor: '#ffffff'
});