⭐ Favorite Icon

Small library for manipulating desktop favicon.

Desktop browser support

• Chrome: ✅
• Edge: ✅
• Firefox: ✅
• Opera: ✅
• IE: ❌
• Safari: ❌ (Safari hides favicons)

Advantages

• data: and canvas support
• GIF, JPEG, PNG, SVG and other browser-supported formats
• Ultra-small code size

Installation

npm install favorite-icon

Using

import { Favicon } from 'favorite-icon';

Favicon.set('/my-icon.png');

API

Favicon.set(src: string | HTMLCanvasElement)

Set the favicon with your own image.

import { Favicon } from 'favorite-icon';

Favicon.set('./image.png');

// or

Favicon.set('data:image/png;base64,...');

// or

const canvas = document.createElement('canvas');
//...
Favicon.set(canvas);

Favicon.reset()

Reset the favicon.

import { Favicon } from 'favorite-icon';

// ...

Favicon.reset();

License

MIT License

Packages

| Num. | Package | Demo | Version | Download | | ---- | -------------- | -------------- | ------- | ------ | | 1. | ⭐ Favorite Icon | Demo | | | | 2. | 📛 Favorite Icon Badge| Demo | | | | 3. | 😃 Favorite Icon Emoji | Demo | | | | 4. | ⚠️ Favorite Icon Status | Demo | | | | 5. | ⏩ Favorite Icon Video | Demo | | | | 6. | 🔴 Favorite Icon Dot | Demo | | | | 7. | ⏱️ Favorite Icon Timeout Worker | Demo | | |