Fox favicon

Webpack plugin to generate favicons

• NPM:

  npm i fox-favicon
  

Сonnection:

const FoxFavicon = require('fox-favicon');

usage:

new FoxFavicon({
src: 'src/assets/images/icon/favicon.png',
path: 'assets/favicons/',
urlIcon: 'assets/favicons/',
devMode: env.isDev,
appName: 'Frontend для прагматиков',
appShortName: 'Frontend для прагматиков',
appDescription: 'Узнайте, как использовать Range Slider Fox',
developerName: 'coder1',
developerURL: 'https://github.com/coder1x/',
icons: {
  android: [
    'android-chrome-36x36.png',
    'android-chrome-48x48.png',
    'android-chrome-144x144.png',
    'android-chrome-192x192.png',
    'android-chrome-256x256.png',
  ],
  appleIcon: [
    'apple-touch-icon-180x180.png',
    'apple-touch-icon-precomposed.png',
    'apple-touch-icon.png',
  ],
  appleStartup: [],
  coast: true, // Create Opera Coast icon.
  favicons: true, // Create regular favicons.
  firefox: [
    'firefox_app_60x60.png',
    'firefox_app_128x128.png',
  ],
  opengraph: true, // Create Facebook OpenGraph image.
  twitter: true, // Create Twitter Summary Card image.
  windows: true, // Create Windows tile icons.
  yandex: true, // Create Yandex browser icon.
},
})

Settings:

Option	Default value (possible values)	Type	Description
src	false	boolean	address to the icon from which the set will be generated
path	''	string	Address where to generate icons
urlIcon	''	string	Address to the catalog of icons on the hosting
pathManifest	'/'	string	The address where the browser will look for manifest files. (default root)
devMode	false	boolean	Assembly mode
appName	'null'	string	Your application's name
appShortName	'null'	string	Your application's short_name. Optional. If not set, appName will be used
appDescription	'null'	string	Your application's description
developerName	'null'	string	Your (or your developer's) name
developerURL	'null'	string	Your (or your developer's) URL
dir	'auto'	string	Primary text direction for name, short_name, and description
lang	'en-US'	string	Primary language for name and short_name
background	'#fff'	string	Background colour for flattened icons
theme_color	'#fff'	string	Theme color user for example in Android's task switcher
appleStatusBarStyle	'black-translucent' ("black-translucent", "default", "black")	string	Style for Apple status bar
display	'standalone' ("fullscreen", "standalone", "minimal-ui" , "browser")	string	Preferred display mode
orientation	'any' ("any", "natural", "portrait" or "landscape")	string	Default orientation
start_url	'/?homescreen=1'	string	Start URL when launching the application from a device
version	'1.0'	string	Your application's version string
logging	false	boolean	Print logs to console
pixel_art	false	boolean	Keeps pixels "sharp" when scaling up, for pixel art. Only supported in offline mode
loadManifestWithCredentials	false	boolean	Browsers don't send cookies when fetching a manifest, enable this to fix that
icons	Object	object	types of icons

Icons property:

Option	Default value (possible values)	Type	Description
android	true	boolean, object, array	Create Android homescreen icon. boolean or { offset, background, mask, overlayGlow, overlayShadow } or an array of sources
appleIcon	true	boolean, object, array	Create Apple touch icons. boolean or { offset, background, mask, overlayGlow, overlayShadow } or an array of sources
appleStartup	true	boolean, object, array	Create Apple startup images. boolean or { offset, background, mask, overlayGlow, overlayShadow } or an array of sources
coast	true	boolean, object, array	Create Opera Coast icon. boolean or { offset, background, mask, overlayGlow, overlayShadow } or an array of sources
favicons	true	boolean, object, array	Create regular favicons. boolean or { offset, background, mask, overlayGlow, overlayShadow } or an array of sources
firefox	true	boolean, object, array	Create Firefox OS icons. boolean or { offset, background, mask, overlayGlow, overlayShadow } or an array of sources
windows	true	boolean, object, array	Create Windows tile icons. boolean or { offset, background, mask, overlayGlow, overlayShadow } or an array of sources
yandex	true	boolean, object, array	Create Yandex browser icon. boolean or { offset, background, mask, overlayGlow, overlayShadow } or an array of sources