Follow these steps to implement your new favicons:
- Click the download buttons below to get both favicon files
- Upload both files to your website's root directory
- Update your HTML
<head> section with the following code:
<!-- Minerack Favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="includes/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="64x64" href="includes/images/favicon-64x64.png">
<link rel="shortcut icon" href="includes/images/favicon-32x32.png">
Important Notes:
- File placement: Place files in the
includes/images/ directory as shown in your current HTML
- Browser cache: Clear browser cache or use Ctrl+F5 to see changes
- Compatibility: Works with all modern browsers and supports both light/dark themes
- Fallback: The 32x32 version serves as a fallback for older browsers
Design Details:
- Uses your updated brand gradient:
linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #06b6d4 100%)
- Features the server-crash icon matching your dashboard logo
- Optimized for both light and dark browser themes
- Scalable design ensures crisp rendering at all sizes