Skip to content

Commit 1791640

Browse files
committed
feat: add comprehensive favicon support #446
1 parent ed15792 commit 1791640

File tree

8 files changed

+51
-21
lines changed

8 files changed

+51
-21
lines changed
15.5 KB
Loading
7.68 KB
Loading

src/assets/favicon/favicon.ico

14.7 KB
Binary file not shown.

src/assets/favicon/favicon.svg

Lines changed: 3 additions & 0 deletions
Loading
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"name": "MyWebSite",
3+
"short_name": "MySite",
4+
"icons": [
5+
{
6+
"src": "/web-app-manifest-192x192.png",
7+
"sizes": "192x192",
8+
"type": "image/png",
9+
"purpose": "maskable"
10+
},
11+
{
12+
"src": "/web-app-manifest-512x512.png",
13+
"sizes": "512x512",
14+
"type": "image/png",
15+
"purpose": "maskable"
16+
}
17+
],
18+
"theme_color": "#ffffff",
19+
"background_color": "#ffffff",
20+
"display": "standalone"
21+
}
16.9 KB
Loading
60.8 KB
Loading

src/index.html

Lines changed: 27 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,29 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8" />
5-
<title>DSOMM</title>
6-
<base href="/" />
7-
<meta name="viewport" content="width=device-width, initial-scale=1" />
8-
<link rel="icon" type="image/x-icon" href="favicon.ico" />
9-
<link rel="preconnect" href="https://fonts.gstatic.com" />
10-
<link
11-
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
12-
rel="stylesheet" />
13-
<link
14-
href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined"
15-
rel="stylesheet" />
16-
<link
17-
rel="stylesheet"
18-
href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
19-
</head>
20-
<body>
21-
<app-root></app-root>
22-
</body>
23-
</html>
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<title>DSOMM</title>
7+
<base href="/" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<!-- <link rel="icon" type="image/png" href="assets/images/logo-image.png" />
10+
<link rel="icon" type="image/x-icon" href="favicon.ico" /> -->
11+
12+
<link rel="icon" type="image/png" href="assets/favicon/favicon-96x96.png" sizes="96x96" />
13+
<link rel="icon" type="image/svg+xml" href="assets/favicon/favicon.svg" />
14+
<link rel="shortcut icon" href="assets/favicon/favicon.ico" />
15+
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png" />
16+
<link rel="manifest" href="assets/favicon/site.webmanifest" />
17+
18+
<link rel="preconnect" href="https://fonts.gstatic.com" />
19+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet" />
20+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" rel="stylesheet" />
21+
<link rel="stylesheet"
22+
href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
23+
</head>
24+
25+
<body>
26+
<app-root></app-root>
27+
</body>
28+
29+
</html>

0 commit comments

Comments
 (0)