Add favicon link to index.html for improved branding

This commit is contained in:
Alvin
2025-06-04 10:09:52 +02:00
parent 5444fefbba
commit 1b0f0ca1a6
2 changed files with 21 additions and 0 deletions

19
assets/favicon.svg Normal file
View File

@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Background Circle -->
<circle cx="16" cy="16" r="15" fill="url(#gradient)" stroke="url(#gradient)" stroke-width="2"/>
<!-- Abstract Shape -->
<path d="M16 8C11.5817 8 8 11.5817 8 16C8 20.4183 11.5817 24 16 24C20.4183 24 24 20.4183 24 16C24 11.5817 20.4183 8 16 8ZM16 22C12.6863 22 10 19.3137 10 16C10 12.6863 12.6863 10 16 10C19.3137 10 22 12.6863 22 16C22 19.3137 19.3137 22 16 22Z" fill="white"/>
<!-- Center Dot -->
<circle cx="16" cy="16" r="3" fill="white"/>
<!-- Gradient Definition -->
<defs>
<linearGradient id="gradient" x1="0" y1="0" x2="32" y2="32" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#8B5CF6"/>
<stop offset="100%" stop-color="#EC4899"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 940 B

View File

@@ -4,6 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Template</title>
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Tailwind CSS -->