update favicon and logo
Thomas Camlong
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 5.8 KiB |
BIN
web/public/dashboard-icons.ico
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 620 B |
|
Before Width: | Height: | Size: 1.3 KiB |
BIN
web/public/favicon-96x96.png
Normal file
|
After Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
43
web/public/favicon.svg
Normal file
@@ -0,0 +1,43 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><style>
|
||||
#light-icon {
|
||||
display: inline;
|
||||
}
|
||||
#dark-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#light-icon {
|
||||
display: none;
|
||||
}
|
||||
#dark-icon {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
</style><g id="light-icon"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><g><g transform="matrix(1.953125,0,0,1.953125,0,0)"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 232 232" role="img" aria-label="dashboard-icons logo">
|
||||
<rect x="4" y="4" width="224" height="224" rx="32" fill="none" stroke="#000" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></rect>
|
||||
<g fill="none" stroke="#ccc" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="24" y="24" width="48" height="48" rx="8" stroke="#FB7185"></rect>
|
||||
<rect x="92" y="24" width="48" height="48" rx="8" fill="#FDBA74"></rect>
|
||||
<rect x="92" y="92" width="48" height="48" rx="8" stroke="#C4B5FD"></rect>
|
||||
<rect x="160" y="92" width="48" height="48" rx="8"></rect>
|
||||
<rect x="92" y="160" width="48" height="48" rx="8"></rect>
|
||||
<rect x="160" y="160" width="48" height="48" rx="8" fill="#93C5FD"></rect>
|
||||
</g>
|
||||
<circle cx="184" cy="48" r="26" fill="#86EFAC"></circle>
|
||||
<circle cx="48" cy="116" r="26" fill="#93C5FD"></circle>
|
||||
<rect x="24" y="160" width="48" height="48" rx="8" fill="#FDE68A"></rect>
|
||||
</svg></svg></g></g></svg></g><g id="dark-icon"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><g><g transform="matrix(1.953125,0,0,1.953125,0,0)"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 232 232" role="img" aria-label="dashboard-icons logo">
|
||||
<rect x="4" y="4" width="224" height="224" rx="32" fill="none" stroke="#fff" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></rect>
|
||||
<g fill="none" stroke="#ccc" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="24" y="24" width="48" height="48" rx="8" stroke="#FB7185"></rect>
|
||||
<rect x="92" y="24" width="48" height="48" rx="8" fill="#FDBA74"></rect>
|
||||
<rect x="92" y="92" width="48" height="48" rx="8" stroke="#C4B5FD"></rect>
|
||||
<rect x="160" y="92" width="48" height="48" rx="8"></rect>
|
||||
<rect x="92" y="160" width="48" height="48" rx="8"></rect>
|
||||
<rect x="160" y="160" width="48" height="48" rx="8" fill="#93C5FD"></rect>
|
||||
</g>
|
||||
<circle cx="184" cy="48" r="26" fill="#86EFAC"></circle>
|
||||
<circle cx="48" cy="116" r="26" fill="#93C5FD"></circle>
|
||||
<rect x="24" y="160" width="48" height="48" rx="8" fill="#FDE68A"></rect>
|
||||
</svg></svg></g></g></svg></g></svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
21
web/public/site copy.webmanifest
Normal file
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"name": "dashboardicons",
|
||||
"short_name": "icons",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/favicon.ico/web-app-manifest-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
},
|
||||
{
|
||||
"src": "/favicon.ico/web-app-manifest-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
@@ -3,18 +3,18 @@
|
||||
"short_name": "DashIcons",
|
||||
"description": "A collection of curated icons for services, applications and tools, designed specifically for dashboards and app directories.",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "any maskable"
|
||||
},
|
||||
{
|
||||
"src": "/android-chrome-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "any maskable"
|
||||
}
|
||||
{
|
||||
"src": "/web-app-manifest-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
},
|
||||
{
|
||||
"src": "/web-app-manifest-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
}
|
||||
],
|
||||
"theme_color": "#FA5252",
|
||||
"background_color": "#1B1B1D",
|
||||
|
||||
BIN
web/public/web-app-manifest-192x192.png
Normal file
|
After Width: | Height: | Size: 5.9 KiB |
BIN
web/public/web-app-manifest-512x512.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
@@ -73,8 +73,9 @@ export async function generateMetadata(): Promise<Metadata> {
|
||||
icons: {
|
||||
icon: [
|
||||
{ url: "/favicon.ico", sizes: "any" },
|
||||
{ url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
|
||||
{ url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
|
||||
{ url: "/favicon-96x96.png", sizes: "96x96", type: "image/png" },
|
||||
{ url: "/web-app-manifest-192x192.png", sizes: "192x192", type: "image/png" },
|
||||
{ url: "/web-app-manifest-512x512.png", sizes: "512x512", type: "image/png" },
|
||||
],
|
||||
apple: [{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" }],
|
||||
},
|
||||
|
||||