favicon-pro

Fetch the best quality favicons of websites

Most APIs give old or low quality favicons. Fetch live and high quality favicons of websites using favicon-pro from node server or browser extensions. This package doesn't work on website's client-side because of CORS. But works on browser extension(add-on).

📦 Installation

npm install favicon-pro

Methods

getIcons

This method fetch all available favicons from given url.

import faviconPro from 'favicon-pro';
// const faviconPro = require('favicon-pro');

faviconPro
  .getIcons('https://npmjs.com')
  .then(icons => console.log(icons));


/*
[
 {
     rel: 'apple-touch-icon',
     src: 'https://static.npmjs.com/58a....4.png',
     size: 120,
 },
 {
     rel: 'apple-touch-icon',
     src: 'https://static.npmjs.com/3dc....c.png',
     size: 180,
 },
 {
     rel: 'icon',
     src: 'https://static.npmjs.com/b0f....2.png',
     size: 32,
 },
 {
     rel: 'icon',
     src: 'https://static.npmjs.com/199....9.png',
     size: 230,
 },
 {
     rel: 'icon',
     src: 'https://static.npmjs.com/da3....2.png',
     size: 16,
 },
]
*/

getBestIcons

This method fetch all available favicons from given url. Then group the fetched icons by rel & select the best icon on each group.

import faviconPro from 'favicon-pro';
// const faviconPro = require('favicon-pro');

faviconPro
  .getBestIcons('https://npmjs.com')
  .then(icons => console.log(icons));


/*
[
 {
     rel: 'apple-touch-icon',
     src: 'https://static.npmjs.com/3dc....c.png',
     size: 180,
 },
 {
     rel: 'icon',
     src: 'https://static.npmjs.com/199....9.png',
     size: 230,
 },
]
*/

getBestIcon

This method gives you the best icon (based on size).

import faviconPro from 'favicon-pro';
// const faviconPro = require('favicon-pro');

faviconPro
  .getBestIcon('https://npmjs.com')
  .then(icon => console.log(icon));

/*
 {
     rel: 'icon',
     src: 'https://static.npmjs.com/199....9.png',
     size: 230,
 },
*/

getIcons vs getBestIcons vs getBestIcon