{"id":18623545,"url":"https://github.com/bootpack/favicons-plugin","last_synced_at":"2025-11-03T18:30:26.056Z","repository":{"id":48271187,"uuid":"189781379","full_name":"bootpack/favicons-plugin","owner":"bootpack","description":"Generate favicons with webpack!","archived":false,"fork":false,"pushed_at":"2021-08-03T19:55:15.000Z","size":1884,"stargazers_count":0,"open_issues_count":20,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-27T22:03:40.181Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bootpack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-06-01T22:04:00.000Z","updated_at":"2019-06-02T00:44:31.000Z","dependencies_parsed_at":"2022-09-16T13:02:40.244Z","dependency_job_id":null,"html_url":"https://github.com/bootpack/favicons-plugin","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bootpack%2Ffavicons-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bootpack%2Ffavicons-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bootpack%2Ffavicons-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bootpack%2Ffavicons-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bootpack","download_url":"https://codeload.github.com/bootpack/favicons-plugin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239418574,"owners_count":19635208,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-07T04:24:56.291Z","updated_at":"2025-11-03T18:30:26.016Z","avatar_url":"https://github.com/bootpack.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# favicons-plugin\nGenerate favicons with webpack!\n\n# ![bootpack](thumbnail.png) \u0026middot; [![GitHub release](https://img.shields.io/github/release/bootpack/favicons-plugin.svg)](https://GitHub.com/bootpack/favicons-plugin/releases/) [![Build Status](https://travis-ci.com/bootpack/favicons-plugin.svg?branch=master)](https://travis-ci.com/bootpack/favicons-plugin) [![GitHub license](https://img.shields.io/github/license/bootpack/favicons-plugin.svg)](https://github.com/bootpack/favicons-plugin/blob/master/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/bootpack/favicons-plugin/blob/master/.github/CONTRIBUTING.md) [![GitHub stars](https://img.shields.io/github/stars/bootpack/favicons-plugin.svg?style=social\u0026label=Star\u0026maxAge=2592000)](https://GitHub.com/bootpack/favicons-plugin/stargazers/)\n\nAllows to use the [favicons](https://github.com/haydenbleasel/favicons) generator with webpack\n\nInstallation\n------------\n\nInstall the plugin with npm:\n```shell\n$ npm i -D favicons-plugin\n```\n\nBasic Usage\n-----------\nAdd the plugin to your webpack config as follows:\n\n```javascript\nlet FaviconsPlugin = require('favicons-plugin')\n\n...\n\nplugins: [\n  new FaviconsPlugin('my-logo.png')\n]\n```\n\nThis basic configuration will generate [37 different icons](https://github.com/bootpack/favicons-plugin/tree/master/test/fixtures/expected/default/icons-366a3768de05f9e78c392fa62b8fbb80) for iOS devices, Android devices and the Desktop browser out of your `my-logo.png` file.\nIt can optionally also generate a [JSON file with all information about the icons](https://github.com/bootpack/favicons-plugin/blob/master/test/fixtures/expected/generate-html/iconstats.json) for you.\n\nIf you are using with [html-webpack-plugin](https://github.com/ampedandwired/html-webpack-plugin) it will also inject the necessary html for you:\n\nhttps://github.com/bootpack/favicons-plugin/blob/master/test/fixtures/expected/default-with-html/index.html\n\n```html\n  \u003clink rel=\"apple-touch-icon\" sizes=\"57x57\" href=\"icons-366a3768de05f9e78c392fa62b8fbb80/apple-touch-icon-57x57.png\"\u003e\n  \u003clink rel=\"apple-touch-icon\" sizes=\"60x60\" href=\"icons-366a3768de05f9e78c392fa62b8fbb80/apple-touch-icon-60x60.png\"\u003e\n  \u003clink rel=\"apple-touch-icon\" sizes=\"72x72\" href=\"icons-366a3768de05f9e78c392fa62b8fbb80/apple-touch-icon-72x72.png\"\u003e\n  ...\n  ...\n  \u003clink rel=\"apple-touch-startup-image\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)\" href=\"icons-366a3768de05f9e78c392fa62b8fbb80/apple-touch-startup-image-1536x2008.png\"\u003e\n```\n\n\nAdvanced Usage\n-----------\n\n```javascript\nplugins: [\n  new FaviconsPlugin({\n    // Your source logo\n    logo: 'my-logo.png',\n    // The prefix for all image files (might be a folder or a name)\n    prefix: 'icons-[hash]/',\n    // Emit all stats of the generated icons\n    emitStats: false,\n    // The name of the json containing all favicon information\n    statsFilename: 'iconstats-[hash].json',\n    // Generate a cache file with control hashes and\n    // don't rebuild the favicons until those hashes change\n    persistentCache: true,\n    // Inject the html into the html-webpack-plugin\n    inject: true,\n    // favicon background color (see https://github.com/haydenbleasel/favicons#usage)\n    background: '#fff',\n    // favicon app title (see https://github.com/haydenbleasel/favicons#usage)\n    title: 'Webpack App',\n\n    // which icons should be generated (see https://github.com/haydenbleasel/favicons#usage)\n    icons: {\n      android: true,\n      appleIcon: true,\n      appleStartup: true,\n      coast: false,\n      favicons: true,\n      firefox: true,\n      opengraph: false,\n      twitter: false,\n      yandex: false,\n      windows: false\n    }\n  })\n]\n```\n\n## Contributing\nPlease contribute using [Gitflow](https://www.atlassian.com/git/tutorials/comparing-workflows/gitflow-workflow). Create a feature branch, add commits, and [open a pull request](https://github.com/bootpack/favicons-plugin/compare/).\n\n\n## Support\nPlease [open an issue](https://github.com/bootpack/favicons-plugin/issues/new) for support.\n\n## Special Thanks\nThis package was forked from [favicons-webpack-plugin (v0.0.9)](https://www.npmjs.com/package/favicons-webpack-plugin). I would like to extend thanks to the original maintainers for creating the package for which this one is based.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbootpack%2Ffavicons-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbootpack%2Ffavicons-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbootpack%2Ffavicons-plugin/lists"}